The package is a "sentinel" that trigger a function when is visible.

View Preview · Report Bug · Require Feature

The package is a "sentinel" that trigger a function when is visible.

• React.js
• Intersection Observer

To run the project it is just:

• npm

  npm install npm@latest -g

1. Install the package

   npm install sentineler

   ou

   yarn add sentineler

2. Import the package

   import Sentineler from "sentineler";

3. Call the compoenent and give the callback

   <Sentinel
     callback={() => {
       console.log("test");
     }}
   />

   Example:

   import Sentineler from "sentineler";
   
   const App = () => {
     return (
       <Sentinel
         callback={() => {
           console.log("test");
         }}
       />
     );
   };
   
   export default App;

I made this infinite scroll using this component.

See the Site Preview: https://taq-challenge.vercel.app

To contribute to the project you just need:

1. Clone the repository

   git clone https://github.com/OuthBack/sentineler

2. Install the packages

   npm install

   ou

   yarn

3. For now you can create a link, but soon I will create a react application

   yarn link
   

4. In another project that you are using react

   yarn link "sentineler"

5. Now it is just follow the example

Distributed under the MIT License. See LICENSE for more information.

Henrique Figueiredo - [email protected]

Project Link: https://github.com/OuthBack/sentineler