awesome-react-hooks

A curated list of awesome things related to React Hooks

Resources

Official

• Official Documentation

Related awesome lists

• General

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