Skip to content

Latest commit

 

History

History
227 lines (206 loc) · 23.6 KB

README.md

File metadata and controls

227 lines (206 loc) · 23.6 KB
Raw


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 Icons - Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using.
  • 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

Tools

  • Reactide - Reactide is an integrated development environment (IDE) for web developers using React.js.
  • Belle - This open-source library was built by the members of React community.
  • React Material Admin - The benefits of using admin templates are well known. This particular admin dashboard follows Google Material Design guidelines.
  • React Semantic UI - There is an original Semantic UI library. And to use it in React you need to use a React integration of this library and Semantic UI CSS package.
  • React Component Benchmark - Do you remember react-addons-perf? This tool provided developers with insights about app performance.
  • React Toolbox - This is the best tool for developing Material Design UI. It has tons of responsive components that comply with Google Material Design guidelines.
  • Sing App React - This fully responsive admin template was downloaded more than 1000 times.
  • Periscope - There isn’t much to say about this open-source project. This is monitoring for Redux applications.
  • React Wastage Monitor - This project helps you to manage performance issues by detecting wasted rendering time.
  • React Studio - React Studio is a useful tool for web developers and web designers. Web developers can enjoy clean JS code
  • Atom React Plugin - This is support for the Atom Editor that helps highlight JSX code.
  • React Extension Pack - As well as the previous tool this one is used to adjust your code editor.
  • React Style Guide Generator - You need to maintain a consistent style across all the pages.
  • Flatlogic One React - This is an admin template made with React 16 and Redux.
  • React Monocle - When you work on some complex projects with tons of classes of components it is always hard to manage such a project and debug it.
  • Storybook - Storybook helps you develop nice separate UI components.
  • React-Sight - This tool fully supports Router, Redux, and Fiber, and shows your app’s hierarchy.

Videos

Books

Courses