我的笔记

高频知识点

awesome-react 集合

awesome-react 集合

https://github.com/enaqx/awesome-react

很多有用的第三方库，有时间可以多看多用

1、图标库：https://react-icons.github.io/react-icons/ 很多很多图标的集合 11K

React

React General Resources

React Tutorials

React Frameworks

  • next - The React Framework

  • remix - Full stack web Framework that lets you focus on the user interface

  • gatsby - Build modern websites with React

  • react-admin - A frontend Framework for building B2B applications

  • refine - Build your React-based CRUD applications, without constraints

React Component Libraries

  • material-ui - Ready-to-use foundational React components

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

  • shadcn-ui - Beautifully designed components built using Radix UI and Tailwind CSS

  • react-bootstrap - Bootstrap components built with React

  • fluentui - Microsoft’s Fluent UI

  • framework7 - Full featured HTML framework for building iOS & Android apps

  • ariakit - Toolkit for building accessible web apps with React

  • mantine - Fully featured React components library

  • react-email - Unstyled components for creating beautiful emails

React State Management and Data Fetching

  • redux - Predictable State Container for JavaScript Apps

  • mobx - Simple, scalable state management

  • zustand - Bear necessities for state management in React

  • tanstack-query - Powerful asynchronous state management

  • swr - React Hooks for Data Fetching

  • apollo-client - A fully-featured, production ready caching GraphQL client

  • relay - A framework for building data-driven React applications

  • jotai - Primitive and flexible state management for React

  • xstate - State machines and statecharts for the modern web

  • effector - Business logic with ease

  • immer - Create the next immutable state by mutating the current one

  • immutable-js - Immutable persistent data collections for Javascript

  • rxdb - A fast, offline-first, reactive database for JavaScript Applications

React Styling

React Routing

  • react-router - Declarative routing for React

  • wouter - A minimalist-friendly routing

  • tanstack-router - Type-safe router with built-in caching & URL state management

React Development Tools

  • create-react-app - Set up a modern Web app by running one command

  • vite - Next Generation Frontend Tooling

  • parcel - The zero configuration build tool for the web

  • million - An extremely fast and lightweight optimizing compiler

  • reactotron - A desktop app for inspecting your React and React Native projects

  • eslint-plugin-react - React specific linting rules for ESLint

  • why-did-you-render - Monkey patches React to notify you about avoidable re-renders

React Libraries

  • preact - Fast React alternative with the same modern API

  • floating-ui - Toolkit to create floating elements

  • loadable-components - The recommended Code Splitting library for React

  • react-uploady - Modern file-upload components & hooks for React

  • downshift - React autocomplete, combobox or select dropdown components

  • react-error-boundary - A React error boundary component that lets you catch errors

React Testing

  • jest - Delightful JavaScript Testing

  • react-testing-library - Simple and complete React DOM testing utilities

  • cypress - Fast, easy and reliable testing for anything that runs in a browser

React Awesome Components

React Components Sandboxes

  • storybook - Storybook is a frontend workshop for building UI components and pages in isolation

  • react-styleguidist - Isolated React component development environment with a living style guide

  • react-cosmos - Dev tool for creating reusable React components

  • bit - A build system for development of composable software

React Forms

  • react-hook-form - React Hooks for form state management and validation

  • formik - Build forms in React, without the tears

  • react-jsonschema-form - A React component for building Web forms from JSON Schema

  • formily - Alibaba Group Unified Form Solution

  • vest - Declarative validations framework

React Tables and Grids

  • react-grid-layout - A draggable and resizable grid layout with responsive breakpoints

  • tanstack-table - Headless UI for building powerful tables & datagrids

  • react-data-grid - Feature-rich and customizable data grid React component

React Maps

React Charts

  • recharts - Redefined chart library built with React and D3

  • visx - Visualization components

  • victory - A collection of composable React components for building interactive data visualizations

  • react-vis - Data Visualization Components

  • nivo - Provides a rich set of data visualization components built on top of the D3 and React libraries

  • xyflow - A customizable React component for building node-based editors and interactive diagrams

React Renderers

React Internationalization

React Graphics and Animations

  • react-spring - A spring physics based React animation library

  • framer-motion - Open source, production-ready animation and gesture library for React

  • auto-animate - A zero-config, drop-in animation utility that adds smooth transitions

  • react-tsparticles - Easily create highly customizable particles effects

  • react-parallax-tilt - Easily apply tilt hover effect on React components

  • simple-parallax-js - The easiest way to get a parallax effect with React and JavaScript

React Integration

  • rescript-compiler - A robustly typed language that compiles to efficient and human-readable JavaScript

  • react-rails - Integrate React with Rails

  • fulcro - A library for development of web applications in clj/cljs

  • tailwind-react - Article that shows you how to integrate React application with Tailwind

React Real Apps

  • mattermost-server - An open source platform for secure collaboration

  • kibana - Your window into the Elastic Stack

  • webamp - Winamp 2 reimplemented for the browser

  • overreacted - Personal blog by Dan Abramov

  • wave - An open-source, cross-platform terminal for seamless workflows

React Native

React Native General Resources

React Native Navigation

React Native Awesome Components

React Native Libraries