#36Awesome React

Frame

• Create React App - Set up a modern web app by running one command.
• UmiJS - 🍙 Extensible enterprise-level front-end application framework.
• create-vite - Scaffolding Your First Vite Project

UI & Components

• Material-UI - Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.
• Ant Design - An enterprise-class UI design language and React UI library.
• Chakra UI - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
• bytedance/guide - A new feature guide component by react 🧭
• React-Select - The Select Component for React.js
• react-hot-toast - Smoking hot React Notifications 🔥
• React Image Gallery - React carousel image gallery component with thumbnail support 🖼
• 🚀 Absolutely Awesome React Components & Libraries - Curated List of React Components & Libraries.
• react-toastify - React notification made easy 🚀 !
• react-beautiful-dnd - Beautiful and accessible drag and drop for lists with React.

ClassName

• clsx - A tiny (228B) utility for constructing className strings conditionally.
• classnames - A simple javascript utility for conditionally joining classNames together.

Hooks

• awesome-react-hooks - Awesome React Hooks
• react-use - React Hooks — 👍
• rooks - Essential React custom hooks ⚓ to super charge your components!
• @use-gesture - 👇Bread n butter utility for component-tied mouse/touch gestures in React and Vanilla Javascript.
• useFetch - 🐶 React hook for making isomorphic http requests
• @react-three/cannon - 👋💣 physics based hooks for react-three-fiber
• useAuth - The simplest way to add authentication to your React app. Supports various providers.
• useWorker - A React Hook for Blocking-Free Background Tasks
• useSound - A React Hook for playing sound effects
• react-hook-form - 📋 React Hooks for forms validation (Web + React Native)

State

• zustand - 🐻 Bear necessities for state management in React
• jotai - 👻 Primitive and flexible state management for React
• react-redux - Official React bindings for Redux.
  • @reduxjs/toolkit - The official, opinionated, batteries-included toolset for efficient Redux development
• recoil - Recoil is an experimental state management library for React apps. It provides several capabilities that are difficult to achieve with React alone, while being compatible with the newest features of React.
• little-state-machine - 📠 React custom hook for persist state management
• mobx - Simple, scalable state management.
• UmiJS - Extensible enterprise-level front-end application framework.
  • dva - 🌱 React and redux based, lightweight and elm-style framework. (Inspired by elm and choo)
  • @umijs/plugin-model -A simple state management solution based on hooks (can be replacement of dva in some cases).
  • hox - The next-generation state manager for React.
• immer - Create the next immutable state by mutating the current one.
• unstated-next - 200 bytes to never think about React state management libraries ever again.
• effector - The state manager ☄️
• valtio - 💊 Valtio makes proxy-state simple for React and Vanilla.
• easy-peasy - Vegetarian friendly state for React.
• constate - React Context + State
• react-easy-state - Simple React state management. Made with ❤️ and ES6 Proxies.
• pullstate - Simple state stores using immer and React hooks - re-use parts of your state by pulling it anywhere you like!

Animation

• react-spring - bring your components to life with simple spring animation primitives
• React-Motion - A spring that solves your animation problems.
• Framer Motion - Open source, production-ready animation and gesture library for React
• react-transition-group - An easy way to perform animations when a React component enters or leaves the DOM
• React Move - React Move | Beautiful, data-driven animations for React

Browser Extension

• Redux DevTools - DevTools for Redux with hot reloading, action replay, and customizable UI.