react-easy-infinite-scroll-hook - npm Package Compare versions

Comparing version 1.9.2 to 1.9.3

package.json

 {
   "name": "react-easy-infinite-scroll-hook",
-  "version": "1.9.2",
+  "version": "1.9.3",
   "license": "MIT",
@@ -5,0 +5,0 @@ "description": "A react hook for creating simple, fast and lightweight components with infinite scrolling in any direction, supporting both windowed and scrollable elements.",

README.md

@@ -11,4 +11,6 @@ # react-easy-infinite-scroll-hook
 
-A hook that will save you from endless scrolling problems! Infinite scrolling that really works and is very easy to integrate!
-This hook allows you to create simple, lightweight components with infinite scrolling in all directions, supporting both windowed and scrollable elements.
+A hook that will save you from endless scrolling problems! Infinite scrolling that really works and is very easy to integrate!<br />
+This hook allows you to create simple, lightweight components with infinite scrolling in all directions, supporting both windowed and scrollable elements.<br />
+<br />
+Check out [the demo](https://vdmrgv.github.io/react-easy-infinite-scroll-hook) for some examples.
 
@@ -44,11 +46,7 @@ ## Features
 
-Try it live:
+### Simple Example
 
-|    Name     | Description                                                         |                                                                                Link                                                                                |
-| :---------: | ------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------------------------------------------: |
-| Simple List | Simple list component with infinite scroll `down`                   |        [![Edit useInfiniteScroll](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/react-easy-infinite-scroll-hook-6w9szb)        |
-| Window List | Infinite scroll list that uses the window's scroll as its container | [![Edit useInfiniteScroll](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/react-easy-infinite-scroll-hook-window-scroll-863k1m) |
+Try it live:<br />
+[![Edit useInfiniteScroll](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/react-easy-infinite-scroll-hook-6w9szb)
 
-### Simple Example
-
 ```js
@@ -58,3 +56,3 @@ import useInfiniteScroll from 'react-easy-infinite-scroll-hook';
 const InfiniteListComponent = ({ isLoading, items, canLoadMore, next }) => {
-  // FYI TypeScript usage:
+  // TypeScript example:
   // const ref = useInfiniteScroll<YourElemntType>(...props);
@@ -93,3 +91,3 @@ const ref = useInfiniteScroll({
 
-This hook supports all [react-virtualized](https://www.npmjs.com/package/react-virtualized) components (`Collection`, `Grid`, `MultiGrid`, `List`, `Masonry`, `Table`).
+This hook supports all [react-virtualized](https://www.npmjs.com/package/react-virtualized) components (`Collection`, `Grid`, `MultiGrid`, `List`, `Masonry`, `Table`). Check out [the demo](https://vdmrgv.github.io/react-easy-infinite-scroll-hook) for more examples.
 
@@ -192,2 +190,3 @@ Try it live:
     (node) => {
+      if (!node) return;
       ref.current = node._bottomRightGrid;
@@ -194,0 +193,0 @@ },

No alert changes

Worsened metrics

Total package byte prevSize

117784

decreased by-0.52%

Number of lines in readme file

217

decreased by-0.46%

No dependency changes