feat(*): initial version

Author: buzinas

.babelrc

@@ -0,0 +1,11 @@
+{
+  "presets": [
+    [
+      "@babel/env",
+      {
+        "modules": false
+      }
+    ],
+    "@babel/react"
+  ]
+}

.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true

.eslintrc

@@ -0,0 +1,11 @@
+{
+  "parser": "babel-eslint",
+  "extends": ["prettier", "prettier/react"],
+  "env": {
+    "es6": true
+  },
+  "plugins": ["prettier", "react", "react-hooks"],
+  "parserOptions": {
+    "sourceType": "module"
+  }
+}

.github/workflows/npmpublish.yml

@@ -0,0 +1,30 @@
+name: Publish to npm
+
+on:
+  release:
+    types: [created]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v1
+      - uses: actions/setup-node@v1
+        with:
+          node-version: 12
+      - run: yarn
+      - run: yarn test
+
+  publish-npm:
+    needs: build
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v1
+      - uses: actions/setup-node@v1
+        with:
+          node-version: 12
+          registry-url: https://registry.npmjs.org/
+      - run: yarn
+      - run: npm publish
+        env:
+          NODE_AUTH_TOKEN: ${{secrets.npm_token}}

.gitignore

@@ -0,0 +1,22 @@
+
+# See https://help.github.com/ignore-files/ for more about ignoring files.
+
+# dependencies
+node_modules
+
+# builds
+build
+dist
+.rpt2_cache
+
+# misc
+.DS_Store
+.env
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

.npmignore

@@ -0,0 +1,9 @@
+.git
+yarn.lock
+rollup*
+.eslint*
+.babelrc
+.prettierrc
+.gitignore
+src
+example

.prettierrc

@@ -0,0 +1,4 @@
+{
+  "singleQuote": true,
+  "trailingComma": "all"
+}

README.md

@@ -0,0 +1,53 @@
+# use-infinite-scroll
+
+[![NPM](https://img.shields.io/npm/v/closeio_use-infinite-scroll.svg)](https://www.npmjs.com/package/use-infinite-scroll) [![JavaScript Style Guide](https://img.shields.io/badge/code%20style-prettier-success)](https://prettier.io)
+
+Super simple React hook for creating an infinite scroll experience based on the `IntersectionObserver` API.
+
+[Check the live DEMO](https://closeio.github.io/use-infinite-scroll/).
+
+### <img height="40px" src="./close.svg" />
+
+Interested in working on projects like this? [Close](https://close.com) is looking for [great engineers](https://jobs.close.com) to join our team!
+
+## Install
+
+```bash
+yarn add @closeio/use-infinite-scroll
+```
+
+## Benefits
+
+- Extremely lightweight (less than 1KB minzipped).
+- It uses the `IntersectionObserver` API, so it doesn't need to listen to `scroll` events – which are known to cause performance issues.
+- No other 3rd-party dependencies.
+
+## Usage
+
+```jsx
+import React from 'react';
+import useInfiniteScroll from '@closeio/use-infinite-scroll';
+
+const [items, setItems] = useState([]);
+const [hasMore, setHasMore] = useState(false);
+const [page, loaderRef, scrollerRef] = useInfiniteScroll({ hasMore });
+
+useEffect(async () => {
+  const data = await myApiCall({ page });
+  setHasMore(data.hasMore);
+  setItems(prev => [...prev, data.items]);
+}, [page]);
+
+return (
+  <div ref={scrollerRef}>
+    {items.map(item => (
+      <div key={item.id}>{item.name}</div>
+    ))}
+    {hasMore && <div ref={loaderRef}>Loading…</div>}
+  </div>
+);
+```
+
+## License
+
+MIT © [Close](https://github.com/closeio)