Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/flynn-eye/awesome-react-cn

收集react库,项目,文章,vscode插件的中文仓库,更新中
https://github.com/flynn-eye/awesome-react-cn

List: awesome-react-cn

awesome chinese react redux

Last synced: 16 days ago
JSON representation

收集react库,项目,文章,vscode插件的中文仓库,更新中

Host: GitHub
URL: https://github.com/flynn-eye/awesome-react-cn
Owner: flynn-eye
License: mit
Created: 2020-11-02T03:44:09.000Z (about 4 years ago)
Default Branch: main
Last Pushed: 2020-11-21T02:38:43.000Z (about 4 years ago)
Last Synced: 2024-05-20T01:17:11.560Z (7 months ago)
Topics: awesome, chinese, react, redux
Homepage:
Size: 24.4 KB
Stars: 20
Watchers: 3
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

ultimate-awesome - awesome-react-cn - 收集react库,项目,文章,vscode插件的中文仓库,更新中. (Programming Language Lists / JavaScript Lists)

README

        # awesome-react-cn

**这个仓库是一个收集react`库`,`项目`,`文章`,`插件`的中文仓库,如果有错误需要修正或者资源推荐欢迎pr**

## 目录

awesome-react-cn

  - [ui](#ui)

    - [组件库](#ui-framework)

    - [布局](#ui-layout)

    - [动画](#ui-animation)

    - [图表](#ui-chart)

    - [其他](#ui-other)

  - [hook](#hook)

  - [状态管理](#state)

  - [路由](#router)

  - [其他](#other)

  - [类react框架](#react-like)

  - [小程序](#mp)

  - [脚手架](#cli)

  - [文章](#article)

  - [项目](#project)

  - [vscode插件](#vsc)

### ui

#### 组件库

- *[ant-design](https://github.com/ant-design/ant-design)*

- *[geist](https://github.com/geist-org/react)*

- *[fluent-ui](https://github.com/fluent-org/fluent-windows)*

- *[ChatUI](https://github.com/alibaba/ChatUI)*

- *[zent](https://github.com/youzan/zent)*

- *[taro-ui](https://github.com/NervJS/taro-ui)*

- *[ant-design-mobile](https://github.com/ant-design/ant-design-mobile)*

- *[zarm](https://github.com/ZhongAnTech/zarm)*

#### 布局

- *[flexbox-react](https://github.com/nachoaIvarez/flexbox-react)*

- *[golden-layout](https://github.com/golden-layout/golden-layout)*

- *[hedron](https://github.com/JSBros/hedron)*

- *[react-grid-layout](https://github.com/STRML/react-grid-layout)*

- *[react-colrow](https://github.com/phphe/react-colrow)*

- *[react-flexbox-grid](https://github.com/roylee0704/react-flexbox-grid)*

- *[react-blocks](https://github.com/whoisandy/react-blocks/)*

#### 动画

- *[react-tweenful](https://github.com/teodosii/react-tweenful)*

- *[tsparticles](https://github.com/matteobruni/tsparticles)*

#### 图表

- *[React component echarts. 组件式百度图表](https://github.com/dawiwt/react-component-echarts)*

- *[React数据可视化组件库](https://github.com/DataV-Team/DataV-React)*

- *[visx](https://github.com/airbnb/visx)*

- *[recharts](https://github.com/recharts/recharts)*

- *[BizCharts](https://github.com/alibaba/BizCharts)*

#### 其他

- *[富文本braft-editor](https://github.com/margox/braft-editor)*

- *[qrcode.react](https://github.com/zpao/qrcode.react)*

### hook

- *[阿里巴巴hooks](https://github.com/alibaba/hooks)*

- *[react-use](https://github.com/streamich/react-use)*

### 状态管理

- *[redux](https://github.com/reduxjs/redux)*

  - *[react-redux](https://github.com/reduxjs/react-redux)*

  - *[redux-saga](https://github.com/redux-saga/redux-saga)*

  - *[redux-promise-middleware](https://github.com/pburtchaell/redux-promise-middleware)*

  - *[redux-effects](https://github.com/redux-effects/redux-effects)*

  - *[redux-thunk](https://github.com/reduxjs/redux-thunk)*

  - *[redux-connect](https://github.com/makeomatic/redux-connect)*

  - *[redux-loop](https://github.com/redux-loop/redux-loop)*

  - *[redux-side-effects](https://github.com/salsita/redux-side-effects)*

  - *[redux-logic](https://github.com/jeffbski/redux-logic)*

  - *[redux-observable](https://github.com/redux-observable/redux-observable)*

  - *[redux-ship](https://github.com/clarus/redux-ship)*

- *[mobx](https://github.com/mobxjs/mobx)*

  - *[mobx-react](https://github.com/mobxjs/mobx-react)*

- *[flux](https://github.com/facebook/flux)*

- *[recoil](https://github.com/facebookexperimental/Recoil)*

- *[xstate](https://github.com/davidkpiano/xstate)*

- *[dva](https://github.com/dvajs/dva)*

- *[rematch](https://github.com/rematch/rematch)*

- *[hox](https://github.com/umijs/hox)*

### 路由

- *[react-router](https://github.com/ReactTraining/react-router)*

- *[navi](https://github.com/frontarm/navi)*

- *[curi](https://github.com/pshrmn/curi)*

- *[reach](https://github.com/reach/router)*

- *[universal-router](https://github.com/kriasoft/universal-router)*

### 其他

- *[axios](https://github.com/axios/axios)*

- *[swr](https://github.com/vercel/swr)*

- *[umi-request](https://github.com/umijs/umi-request)*

- *[use-http](https://github.com/ava/use-http)*

- *[react-query](https://github.com/tannerlinsley/react-query)*

### 类react框架

- *[nerv](https://github.com/NervJS/nerv)*

- *[inferno](https://github.com/infernojs/inferno)*

- *[preact](https://github.com/preactjs/preact)*

### 小程序

- *[remax](https://github.com/remaxjs/remax)*

- *[taro](https://github.com/NervJS/taro)*

### 脚手架

- *[umi](https://github.com/umijs/umi)* 插件化的企业级前端应用框架

- *[next](https://github.com/vercel/next.js)*

- *[ice](https://github.com/alibaba/ice)* 飞冰 基于 React.js 的通用框架

- *[create-react-app](https://github.com/facebook/create-react-app)* React官方脚手架

- *[dva-cli](https://github.com/dvajs/dva-cli)*

- *[create-react-library](https://github.com/transitive-bullshit/create-react-library)* 用于创建可复用react库的CLI

- *[electron + react + react-router + mobx + webpack 搭建的脚手架工程](https://github.com/ConardLi/electron-react)*

- *[rax](https://github.com/alibaba/rax)* 基于react创建跨端应用

### 文章

- *[React源码解析](https://github.com/AttackXiaoJinJin/reactExplain)*

- *[图解React原理系列](https://github.com/7kms/react-illustration-series)*

- *[基于官方 React 16.8.6 的源码并使用 TypeScript 仿写的 React](https://github.com/LuSuguru/fake-react)*

- *[对react相关代码库以及框架的源码进行了一定的分析](https://github.com/BUPTlhuanyu/ReactNote)*

- *[调试react源码](https://github.com/bubucuo/DebugReact)*

- *[基于V16.13.1，从0实现React](https://github.com/BetaSu/react-on-the-way)*

- *[React技术揭秘](https://github.com/BetaSu/just-react)*

- *[揭秘 React 状态管理](https://github.com/happylindz/react-state-management-tutorial)*

- *[react源码](https://react.jokcy.me/)*

### 项目

- *[ant design pro](https://github.com/ant-design/ant-design-pro)*

- *[一个基于React+Antd的后台管理模版](https://github.com/NLRX-WJC/react-antd-admin-template)*

- *[react 后台管理系统解决方案](https://github.com/yezihaohao/react-admin)*

- *[react 16 + react-router 4 + dva 2 + antd 4 后台管理 脚手架](https://github.com/LANIF-UI/dva-boot-admin)*

- *[动态菜单配置、权限精确到按钮、通用模块；标准后台管理系统解决方案](https://github.com/javaLuo/react-admin)*

- *[基于taro + taro-ui + redux + react-hooks + typescript 开发的网易云音乐小程序](https://github.com/lsqy/taro-music)*

- *[一个基于React、TypeScript的高仿网易云mac客户端🎵播放器](https://github.com/uniquemo/react-netease-music)*

- *[使用umi约定式路由多Tabs的Ant Design Pro](https://github.com/alitajs/umi-antd-pro)*

- *[Mob - 一个有颜值的喜马拉雅桌面客户端，支持 Mac、Win 和 Linux](https://github.com/zenghongtu/Mob)*

- *[开箱即用的中台前端/设计解决方案](https://github.com/pansyjs/react-admin)*

- *[github聊天 React + PWA + Node(koa2) + Typescripts + Mysql + Socket.io](https://github.com/aermin/ghChat)*

- *[📚React组件库搭建指南](https://github.com/worldzhao/react-ui-library-tutorial)*

- *[基于 Ant Design React 的管理系统架构](https://github.com/sxfad/react-admin)*

- *[组件可视化拖拽，页面搭建](https://github.com/brick-design/react-visual-editor)*

- *[React 16.8打造精美音乐WebApp](https://github.com/sanyuan0704/react-cloud-music)*

- *[About企业BI系统，数据可视化平台，主要技术：react、antd、umi、dva、es6、less等](https://github.com/mpw0311/antd-umi-sys)*

### vscode插件

- *[Reactjs code snippets](https://marketplace.visualstudio.com/items?itemName=xabikos.ReactSnippets)*

- *[react-redux-es6-snippets](https://marketplace.visualstudio.com/items?itemName=timothymclane.react-redux-es6-snippets)*

- *[react-native-react-redux](https://marketplace.visualstudio.com/items?itemName=EQuimper.react-native-react-redux)*

- *[vscode-react-typescript](https://marketplace.visualstudio.com/items?itemName=infeng.vscode-react-typescript)*

- *[es7-react-js-snippets](https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets)*

- *[vscode-language-babel](https://marketplace.visualstudio.com/items?itemName=mgmcdermott.vscode-language-babel)*