awesome-react-hooks
A curated list of awesome things related to React Hooks
Resources
Official
Related awesome lists
Articles
- React Js Resize, Compress and Crop Image Size Tutorial
- How to use React useReducer hook like a pro
- Create an NPX CLI Portfolio under 5 minutes
- React Router - A Beginner Guide
- A headless calendar hook for React
- 6 use cases of the useEffect ReactJS hook
- Credit Card Payment UI With ReactJS
- React 18 - What's New!
- Score Football React Hooks
- React Redux Filtering
- React Hooks vs. Vue 3 Composition API
- A Lightweight carousel component for react
- Top 5 React chart libraries
- How to Reduce React App Loading Time By 70%
- React: Scroll Transition for Fancy Portfolios
- React Query Error Handling
- 6 Ways to Host Your React JS App For Free
- React Query vs SWR
- Build an Instagram-like infinite scrolling feed with React Query
- How to Use useMemo Hook in React
- Simple way to write forms in React with Formik
- Top ways to learn Vue 3
- A useModal hook and Proxies
- Responsive Portfolio Template Made With Reactjs
- A clean and simple portfolio template using React for developers
- A Simple Calculator app created with React.js
- How to Use useRef Hook in React
- useState in React: A complete guide
- React Tutorial – How to Build the 2048 Game in React
- A Free,Beautiful and Modern React Portfolio Template for Developers
- A curated list of resources to learn React and related web technologies as fast as possible
- A starter for React + Vite + twin.macro
- useTgl: a React Hook toggle component visibility
- Build a fully functional eCommerce application using react and commerce.js
- A react app for developers to store coding-related 'snippets' like code
- A Simple Date Paint Picker for React
- Create draggable components with React-Draggable
- React useUndo hook
- React hooks for resumable file uploads using tus
- React 18-Alpha Is Out! This Is What You Need to Know
- Building custom hooks in React to fetch Data
- A Bookstore Project Built with React, Redux, and TailwindCSS
- A Free Personal Portfolio Page Build Up With React Next.Js
- A Guide to React Context and useContext() Hook
- Real Time Searching In ReactJS
- Infinite scrolling in React with intersection observer
- 5 React performance optimization techniques
- 7 Projects You Can Build to Learn React in 2021
- React component for animating an element's children, one by one
- Manage modals just like managing pages with a router in React
- Recoil — is this the new ‘Redux’ for React?
- Netflix Clone With React, Styled Components, Axios
- Improve async network state handling with custom React Hooks
- A memory game created with React Styled Components
- React 18: Things You Need To Know About React JS Latest Version
- How to Use ‘useReducer’ and ‘useContext’: React Hooks Tutorial
- The Greatest React Developer I Ever Met
- How to send emails from a React app with Netlify Functions
- Lazy Loading In React
- How I set up a Next.js project structure
- Using Styled Components with React
- React isn't fast, let's learn why
- Create React App without create-react-app !
- Client- and Server-Side Data Fetching in React
- React-Calendar tutorial: Build and customize a simple calendar
- Tic Tac Toe Online Multiplayer Game Build With React
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
Top comments (8)
This is such a well-compiled collection of resources. Thank you for posting this!
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
You're missing material UI in the Packages list :D
You can add also this package react-icons.github.io/react-icons/ 🙂
Nice Resources,
Thanks
Good resourse. Thank you for osting !
Good info Said , Thank you for sharing this
Very useful 👍