https://github.com/f22hd/custom-hooks
A list of custom hooks examples built with react hooks.
https://github.com/f22hd/custom-hooks
hooks infinite-scroll intersectionobserver react
Last synced: 5 months ago
JSON representation
A list of custom hooks examples built with react hooks.
- Host: GitHub
- URL: https://github.com/f22hd/custom-hooks
- Owner: f22hd
- Created: 2021-11-06T00:18:28.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2022-01-01T22:16:23.000Z (about 4 years ago)
- Last Synced: 2025-04-12T02:13:46.181Z (10 months ago)
- Topics: hooks, infinite-scroll, intersectionobserver, react
- Language: TypeScript
- Homepage:
- Size: 216 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## A react hooks that accelerate your development.
#### [useInView](https://github.com/f22hd/custom-hooks) (main branch)
it is an event will fire when an element displayed in screen view. it can be used to add animation, loading heavy content, lazy loading for images ...etc.
#### [useInfiniteScroll](https://github.com/f22hd/custom-hooks/tree/infinite-scroll) (infinite-scroll)
it helps when a developer need to use infinite scroll instead of pagination to load more data.
you can clone the project (infinite-scroll branch) and run the app then scroll down more and more to see the result.
#### How to start?
to see the result just run `npm start` command with selected the proper branch.
#### Contribution
If you would like to add more hooks,
just let me know with your suggestion by opening a [new issue](https://github.com/f22hd/custom-hooks/issues/new) or
creating a new pr for ready hooks.