Awesome Things Related To React Hooks 😍

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • awesome-react-hooks

    Awesome React Hooks

  • General

  • react-notion-x

    Fast and accurate React renderer for Notion. TS batteries included. ⚡️

  • React Notion X - Fast and accurate React renderer for Notion. TS batteries included. ⚡ ️

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • react-chartjs-2

    React components for Chart.js, the most popular charting library

  • ChartJS - Build beautiful charts in minutes with Chartjs, Dashboards will looks sexy like never before.

  • use-abortable-stream-fetch

    React hook for fetching streams that can be aborted.

  • 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 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 Smooth Scroll - React Provider Component to add a smooth scroll effect 😍

  • use-mail-to

    Renders a link formatted to send an email (mailto: link).

  • React Use Mail To - Renders a link formatted to send an email (mailto: link).

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
  • use-abortable-fetch

    React hook that does a fetch and aborts when the components is unloaded or a different request is made

  • 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

  • easy-peasy - Vegetarian friendly state for React

  • react-hooks-lib

    A set of reusable React Hooks.

  • React Hooks Lib - A set of reusable React Hooks.

  • react-powerhooks

    Hooks api for react-powerplug components

  • react-powerhooks - Hooks api for react-powerplug components

  • use-events

    🍭 Event hooks

  • use-events - 🍭 Event hooks

  • react-apollo-hooks

    Use Apollo Client as React hooks

  • react-apollo-hooks - Use Apollo Client as React hooks

  • react-recipes

    👩‍🍳 A list of React Hooks utility library containing popular customized hooks

  • react-recipes - 👩‍🍳 A list of React Hooks utility library containing popular customized hooks

  • react-hookedup

    :alien: A collection of useful React hooks

  • react-hookedup - 👽 A collection of useful React hooks

  • react-hooks-axios

    Custom React Hooks for Axios.js

  • react-hooks-axios - Custom React Hooks for Axios.js

  • data-client

    Async State Management without the Management

  • rest-hooks - Delightful data fetching for React.

  • use-call

    useCall React hook

  • use-call - useCall React hook

  • react-use-clipboard

    React hook that provides copy to clipboard functionality.

  • react-use-clipboard - React hook that provides copy to clipboard functionality.

  • constate

    React Context + State

  • constate - React Context + State

  • rooks

    Essential React custom hooks ⚓ to super charge your components!

  • rooks - Essential React custom hooks ⚓ to super charge your components!

    navi - 🧭 Declarative, asynchronous routing for React.

  • use-file-input

    React Hooks for file selection with hidden <input type="file" />

  • use-file-input - React Hooks for file selection with hidden

  • SweetAlert

    A beautiful replacement for JavaScript's "alert"

  • Sweet Alert - A beautiful replacement for success messages, error messages or info messages

  • react-hook-form

    📋 React Hooks for form state management and validation (Web + React Native)

  • react-hook-form - 📋 React Hooks for forms validation (Web + React Native)

  • react-hooks-image-size

    Custom React Hooks for image natural size

  • react-hooks-image-size - Custom React Hooks for image natural size

  • use-key-hook

    React hook to handle all the key press.

  • use-key-hook - React hook to handle all the key press.

  • use-http

    🐶 React hook for making isomorphic http requests

  • use-http - 🐶 React hook for making isomorphic http requests

  • use-media

    useMedia React hook to track CSS media query state

  • use-media - useMedia React hook to track CSS media query state

  • use-debounce

    A debounce hook for react

  • use-debounce - A debounce hook for react

  • local-storage

    React hook which syncs localStorage[key] with the comp.

  • local-storage - React hook which syncs localStorage[key] with the comp.

  • react-useportal

    🌀 React hook for Portals

  • react-useportal - 🌀 React hook for Portals

  • antd

    An enterprise-class UI design language and React UI library

  • ant-design - An enterprise-class UI design language and React UI library

  • chakra-ui

    ⚡️ Simple, Modular & Accessible UI Components for your React Applications

  • chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications

  • react-bootstrap

    Bootstrap components built with React

  • react-bootstrap - Bootstrap components built with React

  • evergreen

    🌲 Evergreen React UI Framework by Segment

  • evergreen - 🌲 Evergreen React UI Framework by Segment

  • styled-components

    Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅

  • Styled Components - styled-components is the result of wondering how we could enhance CSS for styling React component systems.

  • reakit

    Toolkit for building accessible web apps with React

  • reakit - Toolkit for building accessible rich web apps with React

  • awesome-react-hooks

    A curated list of awesome things related to React Hooks 😍 (by saidMounaim)

  • react-content-loader

    ⚪ SVG-Powered component to easily create skeleton loadings.

  • React Content Loader - SVG-Powered component to easily create placeholder loadings (like Facebook’s cards loading).

  • react-slick

    React carousel component

  • React Slick - React carousel component. One of the best sliders out there to showcase anything.

  • react-hot-toast.com

    Smoking Hot React Notifications 🔥

  • React Hot Toast - The Best Toast in Town. Smoking hot React notifications.

  • react-autosuggest

    WAI-ARIA compliant React autosuggest component

  • React Auto Suggest - WAI-ARIA compliant autosuggest component built in React

  • filepond

    🌊 A flexible and fun JavaScript file upload library

  • React Filepond - A new way to upload files

  • react-burger-menu

    :hamburger: An off-canvas sidebar component with a collection of effects and styles using CSS transitions and SVG path animations

  • React Burger Menu - An off-canvas sidebar React component with a collection of effects and styles using CSS transitions and SVG path animations.

  • Draft.js

    Discontinued A React framework for building text editors.

  • Draft JS - Draft.js fits seamlessly into React applications, abstracting away the details of rendering, selection, and input behavior with a familiar declarative API.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts