DEV Community

Said Mounaim
Said Mounaim

Posted on

Awesome Things Related To React Hooks ๐Ÿ˜


meme of react hooks

awesome-react-hooks

A curated list of awesome things related to React Hooks

Resources

Official

Related awesome lists

Articles

Packages

  • React Hot Toast - The Best Toast in Town. Smoking hot React notifications.
  • React Content Loader - SVG-Powered component to easily create placeholder loadings (like Facebookโ€™s cards loading).
  • React Filepond - A new way to upload files
  • React Notion X - Fast and accurate React renderer for Notion. TS batteries included. โšก ๏ธ
  • React Select - A flexible and beautiful Select Input control for ReactJS with multiselect, autocomplete, async and creatable support.
  • Sweet Alert - A beautiful replacement for success messages, error messages or info messages
  • React Infinite Scroller - Infinitely load content using a React Component.
  • React DnD - A React utility to help you build complex drag and drop interfaces while keeping your components decoupled.
  • Draft JS - Draft.js fits seamlessly into React applications, abstracting away the details of rendering, selection, and input behavior with a familiar declarative API.
  • ChartJS - Build beautiful charts in minutes with Chartjs, Dashboards will looks sexy like never before.
  • React Slick - React carousel component. One of the best sliders out there to showcase anything.
  • React Auto Suggest - WAI-ARIA compliant autosuggest component built in React
  • React Burger Menu - An off-canvas sidebar React component with a collection of effects and styles using CSS transitions and SVG path animations.
  • React Spinners - A collection of loading spinner components for react
  • React Bootstrap Datatable - Next Generation of react-bootstrap-table. Datatable made easy like never before.
  • Styled Components - styled-components is the result of wondering how we could enhance CSS for styling React component systems.
  • use-abortable-stream-fetch - React hook for fetching streams that can be aborted.
  • React API Hooks - React hooks to interact with an API from a stateless component using axios.
  • React Use Smooth Scroll - React Provider Component to add a smooth scroll effect ๐Ÿ˜
  • React Use Mail To - Renders a link formatted to send an email (mailto: link).
  • use-abortable-fetch - React hook that does a fetch and aborts when the components is unloaded or a different request is made
  • easy-peasy - Vegetarian friendly state for React
  • React Hooks Lib - A set of reusable React Hooks.
  • react-powerhooks - Hooks api for react-powerplug components
  • use-events - ๐Ÿญ Event hooks
  • react-apollo-hooks - Use Apollo Client as React hooks
  • react-recipes - ๐Ÿ‘ฉโ€๐Ÿณ A list of React Hooks utility library containing popular customized hooks
  • react-hookedup - ๐Ÿ‘ฝ A collection of useful React hooks
  • react-hooks-axios - Custom React Hooks for Axios.js
  • rest-hooks - Delightful data fetching for React.
  • use-call - useCall React hook
  • react-use-clipboard - React hook that provides copy to clipboard functionality.
  • constate - React Context + State
  • rooks - Essential React custom hooks โš“ to super charge your components!
  • navi - ๐Ÿงญ Declarative, asynchronous routing for React.
  • react-firebase-hooks - React Hooks for Firebase.
  • use-file-input - React Hooks for file selection with hidden
  • react-hook-form - ๐Ÿ“‹ React Hooks for forms validation (Web + React Native)
  • react-hooks-image-size - Custom React Hooks for image natural size
  • use-key-hook - React hook to handle all the key press.
  • use-http - ๐Ÿถ React hook for making isomorphic http requests
  • use-media - useMedia React hook to track CSS media query state
  • use-debounce - A debounce hook for react
  • local-storage - React hook which syncs localStorage[key] with the comp.
  • react-useportal - ๐ŸŒ€ React hook for Portals
  • REACT ROUTER - React Router ships with a few hooks that let you access the state of the router and perform navigation from inside your components.
  • ant-design - An enterprise-class UI design language and React UI library
  • chakra-ui - โšก๏ธ Simple, Modular & Accessible UI Components for your React Applications
  • react-bootstrap - Bootstrap components built with React
  • Semantic-UI - Semantic is a UI component framework based around useful principles from natural language.
  • evergreen - ๐ŸŒฒ Evergreen React UI Framework by Segment
  • reakit - Toolkit for building accessible rich web apps with React

For More Check the repo

https://github.com/saidMounaim/awesome-react-hooks

Top comments (8)

Collapse
 
vitarox profile image
VitaRox

This is such a well-compiled collection of resources. Thank you for posting this!

Collapse
 
viperre profile image
Abdullah Oladayo

Hi said, Thanks for this, Pls I recently started learning react before the new version was released pls what is the advice you will give me, should I continue with the previous version or start the new one

Collapse
 
brense profile image
Rense Bakker

You're missing material UI in the Packages list :D

Collapse
 
grzegorzderdak profile image
Grzegorz Derdak

You can add also this package react-icons.github.io/react-icons/ ๐Ÿ™‚

Collapse
 
anitaparmar26 profile image
anitaparmar26

Nice Resources,
Thanks

Collapse
 
manavjha profile image
Manav Jha

Good resourse. Thank you for osting !

Collapse
 
siddikshaikh786 profile image
Siddik Shaikh

Good info Said , Thank you for sharing this

Collapse
 
yashdesai profile image
Yash Desai

Very useful ๐Ÿ‘