React ​

导航 ​

• awesome-react

教程 ​

• react.js 小书 - 略有过时，但用来入门非常好
• 中文文档
• 英文文档

调试工具 ​

• devtools

路由 ​

• react-router
• react-location

状态管理 ​

• redux + react-redux + redux-toolkit
• zustand
• xstate
• jotai
• recoil

组件库 ​

• mui
• mantine
• chakra-ui
• ant-design
• antd-mobile
• react-vant
• nut-react
• headless-ui - 基于 tailwindcss 的 headless 组件库（需要自己维护设计系统）
• radix-ui - headless 组件库
  • tailwind-radix - tailwind + radix
• reach-ui - headless 组件库
• readit - headless 组件库

Hooks ​

• ahooks
• react-use
• rooks
• usehooks-ts
• beautiful-react-hooks

cli ​

• next
• after
• umi
• ice
• rakkas
• create-react-app - 修改配置使用 react-app-rewired 或 craco

移动端应用 ​

react-native ​

教程 ​

• 英文文档
• 中文文档

路由 ​

• react-router
• react-navigation

组件库 ​

• @shopify/flash-list - 更好的 FlatList
• react-native-elements
• react-native-ui-kitten
• react-native-ui-lib
• tailwind-react-native-classnames

cli ​

• expo
• solito - next + react-native

alita ​

教程 ​

• 中文文档

小程序 ​

taro ​

教程 ​

• 中文文档

路由 ​

• 自带路由
• tarojs-router-next

组件库 ​

• taroify - taro 3 + react
• @antmjs/vantui - taro 3 + react
• nut - taro 3 + vue 3
• nut-react - taro 3 + react

Hooks ​

• taro-hooks

remax ​

教程 ​

• 中文文档

路由 ​

• 自带路由

组件库 ​

• annar
• kqinfo

rax ​

教程 ​

• 中文文档

路由 ​

• 自带路由

状态管理 ​

• 自带状态管理

组件库 ​

• 官方提供

进阶 ​

• react 源码通关指南
• react 技术揭秘
• 图解 react
• react 面试题
• Dan Abramov's Blog
  • 将 React 作为 UI 运行时
  • useEffect 完整指南
  • 使用 React Hooks 声明 setInterval
• 这可能是最通俗的 React Fiber（时间分片) 打开方式
• 构建 react 组件库 - 大方向上适用于 vue
• Hooks 是否过誉了？前端应该跟着 React 走还是跟着 JS、TS 走？
• Next.js 是怎么做预渲染的？

其它 ​

• react-typescript-cheatsheet
• react-styleguidist
• preact - 类 react 库
• fre - 类 react 库
• inferno - 类 react 库
• loadable-components
• react-loadable
• create-react-library - 用于创建可重用的 react 库的 cli
• use-deep-compare-effect - 深层次比较依赖数组的 useEffect
• formatjs - 国际化解决方案
• react-i18next - 国际化解决方案
• tanstack - 多方面的解决方案
  • react-query - 管理你的请求，教程
  • react-table - 表格解决方案
  • react-chart - 图表解决方案
  • react-location - 路由解决方案
  • react-virtual - 虚拟化解决方案
• react-hook-form - 表单解决方案
• formik - 表单解决方案
• react-hook-form - 表单验证解决方案
• formily - 表单解决方案
• react-virtualized - 表格解决方案，高效渲染大型列表和表格数据的 react 组件
• react-window - 简洁的 react-virtualized
• react-chartjs-2 - 基于 chart.js 的图表解决方案
• echarts-for-react - 基于 echarts 的图表解决方案
• react-spring - 动画解决方案
• framer-motion - 动画解决方案
• react-motion - 动画解决方案
• react-move - 动画解决方案
• use-gesture - 手势解决方案
• swr - 管理你的请求
• ant-design-pro - 后台管理系统
• ant-simple-pro - 后台管理系统
• ink - 在交互式命令行中使用 react
• react-dev-inspector - 检查 react 组件
• react-lifecycle-visualizer - react 生命周期方法的实时可视化工具
• why-did-you-render - 展示可避免的重复渲染
• react-proto - 为开发人员和设计人员提供的 react 应用原型开发工具