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

For More Check the repo

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