跳到主要内容

React

Docs​

  • React - A JavaScript library for building user interfaces
  • React Docs (BETA)
  • 30 Days Of React - 30 Days of React challenge is a step by step guide to learn React in 30 days. It requires HTML, CSS, and JavaScript knowledge. You should be comfortable with JavaScript before you start to React. If you are not comfortable with JavaScript check out 30DaysOfJavaScript. This is a continuation of 30 Days Of JS. This challenge may take more than 100…

Blog​

TypeScript​

Scaffold​

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

Browser Extension​

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

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.
  • Semi-UI - A modern, comprehensive, flexible design system and UI library. Quickly build beautiful React apps
  • 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.
  • Floating UI - JavaScript positioning library for tooltips, popovers, dropdowns, and more
  • react-json-view - JSON viewer for react
  • react-colorful - A tiny (2,8 KB) color picker component for React and Preact apps

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)
  • useTilg - A magical React Hook that helps you debug components.
  • TanStack Query - Powerful asynchronous state management, server-state utilities and data fetching for TS/JS, React, Solid, Svelte and Vue.

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

Internationalization​

  • react-i18next - Internationalization for react done right. Using the i18next i18n ecosystem.