{"id":3008,"url":"https://github.com/flynn-eye/awesome-react-cn","name":"awesome-react-cn","description":"收集react库,项目,文章,vscode插件的中文仓库,更新中","projects_count":100,"last_synced_at":"2026-08-11T17:00:17.997Z","repository":{"id":105384667,"uuid":"309250388","full_name":"flynn-eye/awesome-react-cn","owner":"flynn-eye","description":"收集react库,项目,文章,vscode插件的中文仓库,更新中","archived":false,"fork":false,"pushed_at":"2020-11-21T02:38:43.000Z","size":25,"stargazers_count":21,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"main","last_synced_at":"2026-07-23T07:03:10.601Z","etag":null,"topics":["awesome","chinese","react","redux"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/flynn-eye.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2020-11-02T03:44:09.000Z","updated_at":"2024-12-20T05:11:40.000Z","dependencies_parsed_at":null,"dependency_job_id":"601499fc-5d47-4bd6-b97e-d7829d7b8663","html_url":"https://github.com/flynn-eye/awesome-react-cn","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/flynn-eye/awesome-react-cn","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flynn-eye%2Fawesome-react-cn","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flynn-eye%2Fawesome-react-cn/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flynn-eye%2Fawesome-react-cn/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flynn-eye%2Fawesome-react-cn/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/flynn-eye","download_url":"https://codeload.github.com/flynn-eye/awesome-react-cn/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flynn-eye%2Fawesome-react-cn/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":36530573,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-08-06T04:43:03.162Z","status":"online","status_checked_at":"2026-08-11T02:00:06.871Z","response_time":99,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"created_at":"2024-01-04T20:20:10.609Z","updated_at":"2026-08-11T17:00:17.997Z","primary_language":"JavaScript","list_of_lists":false,"displayable":true,"categories":["目录"],"sub_categories":["\u003ca id=\"vsc\"\u003evscode插件\u003c/a\u003e","\u003ca id=\"article\"\u003e文章\u003c/a\u003e","\u003ca id=\"other\"\u003e其他\u003c/a\u003e","\u003ca id=\"state\"\u003e状态管理\u003c/a\u003e","\u003ca id=\"react-like\"\u003e类react框架\u003c/a\u003e","\u003ca id=\"cli\"\u003e脚手架\u003c/a\u003e","\u003ca id=\"ui\"\u003eui\u003c/a\u003e","\u003ca id=\"project\"\u003e项目\u003c/a\u003e","\u003ca id=\"router\"\u003e路由\u003c/a\u003e","\u003ca id=\"hook\"\u003ehook\u003c/a\u003e","\u003ca id=\"mp\"\u003e小程序\u003c/a\u003e"],"readme":"# awesome-react-cn\n\n**这个仓库是一个收集react`库`,`项目`,`文章`,`插件`的中文仓库,如果有错误需要修正或者资源推荐欢迎pr**\n\n## 目录\nawesome-react-cn\n  - [ui](#ui)\n    - [组件库](#ui-framework)\n    - [布局](#ui-layout)\n    - [动画](#ui-animation)\n    - [图表](#ui-chart)\n    - [其他](#ui-other)\n  - [hook](#hook)\n  - [状态管理](#state)\n  - [路由](#router)\n  - [其他](#other)\n  - [类react框架](#react-like)\n  - [小程序](#mp)\n  - [脚手架](#cli)\n  - [文章](#article)\n  - [项目](#project)\n  - [vscode插件](#vsc)\n\n### \u003ca id=\"ui\"\u003eui\u003c/a\u003e\n#### \u003ca id=\"ui-framework\"\u003e组件库\u003c/a\u003e\n- *[ant-design](https://github.com/ant-design/ant-design)*\n- *[geist](https://github.com/geist-org/react)*\n- *[fluent-ui](https://github.com/fluent-org/fluent-windows)*\n- *[ChatUI](https://github.com/alibaba/ChatUI)*\n- *[zent](https://github.com/youzan/zent)*\n- *[taro-ui](https://github.com/NervJS/taro-ui)*\n- *[ant-design-mobile](https://github.com/ant-design/ant-design-mobile)*\n- *[zarm](https://github.com/ZhongAnTech/zarm)*\n#### \u003ca id=\"ui-layout\"\u003e布局\u003c/a\u003e\n- *[flexbox-react](https://github.com/nachoaIvarez/flexbox-react)*\n- *[golden-layout](https://github.com/golden-layout/golden-layout)*\n- *[hedron](https://github.com/JSBros/hedron)*\n- *[react-grid-layout](https://github.com/STRML/react-grid-layout)*\n- *[react-colrow](https://github.com/phphe/react-colrow)*\n- *[react-flexbox-grid](https://github.com/roylee0704/react-flexbox-grid)*\n- *[react-blocks](https://github.com/whoisandy/react-blocks/)*\n#### \u003ca id=\"ui-animation\"\u003e动画\u003c/a\u003e\n- *[react-tweenful](https://github.com/teodosii/react-tweenful)*\n- *[tsparticles](https://github.com/matteobruni/tsparticles)*\n#### \u003ca id=\"ui-chart\"\u003e图表\u003c/a\u003e\n- *[React component echarts. 组件式百度图表](https://github.com/dawiwt/react-component-echarts)*\n- *[React数据可视化组件库](https://github.com/DataV-Team/DataV-React)*\n- *[visx](https://github.com/airbnb/visx)*\n- *[recharts](https://github.com/recharts/recharts)*\n- *[BizCharts](https://github.com/alibaba/BizCharts)*\n#### \u003ca id=\"ui-other\"\u003e其他\u003c/a\u003e\n- *[富文本braft-editor](https://github.com/margox/braft-editor)*\n- *[qrcode.react](https://github.com/zpao/qrcode.react)*\n### \u003ca id=\"hook\"\u003ehook\u003c/a\u003e\n- *[阿里巴巴hooks](https://github.com/alibaba/hooks)*\n- *[react-use](https://github.com/streamich/react-use)*\n### \u003ca id=\"state\"\u003e状态管理\u003c/a\u003e\n- *[redux](https://github.com/reduxjs/redux)*\n  - *[react-redux](https://github.com/reduxjs/react-redux)*\n  - *[redux-saga](https://github.com/redux-saga/redux-saga)*\n  - *[redux-promise-middleware](https://github.com/pburtchaell/redux-promise-middleware)*\n  - *[redux-effects](https://github.com/redux-effects/redux-effects)*\n  - *[redux-thunk](https://github.com/reduxjs/redux-thunk)*\n  - *[redux-connect](https://github.com/makeomatic/redux-connect)*\n  - *[redux-loop](https://github.com/redux-loop/redux-loop)*\n  - *[redux-side-effects](https://github.com/salsita/redux-side-effects)*\n  - *[redux-logic](https://github.com/jeffbski/redux-logic)*\n  - *[redux-observable](https://github.com/redux-observable/redux-observable)*\n  - *[redux-ship](https://github.com/clarus/redux-ship)*\n- *[mobx](https://github.com/mobxjs/mobx)*\n  - *[mobx-react](https://github.com/mobxjs/mobx-react)*\n- *[flux](https://github.com/facebook/flux)*\n- *[recoil](https://github.com/facebookexperimental/Recoil)*\n- *[xstate](https://github.com/davidkpiano/xstate)*\n- *[dva](https://github.com/dvajs/dva)*\n- *[rematch](https://github.com/rematch/rematch)*\n- *[hox](https://github.com/umijs/hox)*\n### \u003ca id=\"router\"\u003e路由\u003c/a\u003e\n- *[react-router](https://github.com/ReactTraining/react-router)*\n- *[navi](https://github.com/frontarm/navi)*\n- *[curi](https://github.com/pshrmn/curi)*\n- *[reach](https://github.com/reach/router)*\n- *[universal-router](https://github.com/kriasoft/universal-router)*\n### \u003ca id=\"other\"\u003e其他\u003c/a\u003e\n- *[axios](https://github.com/axios/axios)*\n- *[swr](https://github.com/vercel/swr)*\n- *[umi-request](https://github.com/umijs/umi-request)*\n- *[use-http](https://github.com/ava/use-http)*\n- *[react-query](https://github.com/tannerlinsley/react-query)*\n### \u003ca id=\"react-like\"\u003e类react框架\u003c/a\u003e\n- *[nerv](https://github.com/NervJS/nerv)*\n- *[inferno](https://github.com/infernojs/inferno)*\n- *[preact](https://github.com/preactjs/preact)*\n\n### \u003ca id=\"mp\"\u003e小程序\u003c/a\u003e\n- *[remax](https://github.com/remaxjs/remax)*\n- *[taro](https://github.com/NervJS/taro)*\n### \u003ca id=\"cli\"\u003e脚手架\u003c/a\u003e\n- *[umi](https://github.com/umijs/umi)* 插件化的企业级前端应用框架\n- *[next](https://github.com/vercel/next.js)*\n- *[ice](https://github.com/alibaba/ice)* 飞冰 基于 React.js 的通用框架\n- *[create-react-app](https://github.com/facebook/create-react-app)* React官方脚手架\n- *[dva-cli](https://github.com/dvajs/dva-cli)*\n- *[create-react-library](https://github.com/transitive-bullshit/create-react-library)* 用于创建可复用react库的CLI\n- *[electron + react + react-router + mobx + webpack 搭建的脚手架工程](https://github.com/ConardLi/electron-react)*\n- *[rax](https://github.com/alibaba/rax)* 基于react创建跨端应用\n### \u003ca id=\"article\"\u003e文章\u003c/a\u003e\n\n- *[React源码解析](https://github.com/AttackXiaoJinJin/reactExplain)*\n- *[图解React原理系列](https://github.com/7kms/react-illustration-series)*\n\n- *[基于官方 React 16.8.6 的源码并使用 TypeScript 仿写的 React](https://github.com/LuSuguru/fake-react)*\n\n- *[对react相关代码库以及框架的源码进行了一定的分析](https://github.com/BUPTlhuanyu/ReactNote)*\n\n- *[调试react源码](https://github.com/bubucuo/DebugReact)*\n\n- *[基于V16.13.1，从0实现React](https://github.com/BetaSu/react-on-the-way)*\n\n- *[React技术揭秘](https://github.com/BetaSu/just-react)*\n- *[揭秘 React 状态管理](https://github.com/happylindz/react-state-management-tutorial)*\n- *[react源码](https://react.jokcy.me/)*\n### \u003ca id=\"project\"\u003e项目\u003c/a\u003e\n- *[ant design pro](https://github.com/ant-design/ant-design-pro)*\n- *[一个基于React+Antd的后台管理模版](https://github.com/NLRX-WJC/react-antd-admin-template)*\n- *[react 后台管理系统解决方案](https://github.com/yezihaohao/react-admin)*\n- *[react 16 + react-router 4 + dva 2 + antd 4 后台管理 脚手架](https://github.com/LANIF-UI/dva-boot-admin)*\n- *[动态菜单配置、权限精确到按钮、通用模块；标准后台管理系统解决方案](https://github.com/javaLuo/react-admin)*\n- *[基于taro + taro-ui + redux + react-hooks + typescript 开发的网易云音乐小程序](https://github.com/lsqy/taro-music)*\n- *[一个基于React、TypeScript的高仿网易云mac客户端🎵播放器](https://github.com/uniquemo/react-netease-music)*\n- *[使用umi约定式路由多Tabs的Ant Design Pro](https://github.com/alitajs/umi-antd-pro)*\n- *[Mob - 一个有颜值的喜马拉雅桌面客户端，支持 Mac、Win 和 Linux](https://github.com/zenghongtu/Mob)*\n- *[开箱即用的中台前端/设计解决方案](https://github.com/pansyjs/react-admin)*\n- *[github聊天 React + PWA + Node(koa2) + Typescripts + Mysql + Socket.io](https://github.com/aermin/ghChat)*\n- *[📚React组件库搭建指南](https://github.com/worldzhao/react-ui-library-tutorial)*\n- *[基于 Ant Design React 的管理系统架构](https://github.com/sxfad/react-admin)*\n- *[组件可视化拖拽，页面搭建](https://github.com/brick-design/react-visual-editor)*\n- *[React 16.8打造精美音乐WebApp](https://github.com/sanyuan0704/react-cloud-music)*\n- *[About企业BI系统，数据可视化平台，主要技术：react、antd、umi、dva、es6、less等](https://github.com/mpw0311/antd-umi-sys)*\n### \u003ca id=\"vsc\"\u003evscode插件\u003c/a\u003e\n- *[Reactjs code snippets](https://marketplace.visualstudio.com/items?itemName=xabikos.ReactSnippets)*\n- *[react-redux-es6-snippets](https://marketplace.visualstudio.com/items?itemName=timothymclane.react-redux-es6-snippets)*\n- *[react-native-react-redux](https://marketplace.visualstudio.com/items?itemName=EQuimper.react-native-react-redux)*\n- *[vscode-react-typescript](https://marketplace.visualstudio.com/items?itemName=infeng.vscode-react-typescript)*\n- *[es7-react-js-snippets](https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets)*\n- *[vscode-language-babel](https://marketplace.visualstudio.com/items?itemName=mgmcdermott.vscode-language-babel)*\n","projects_url":"https://awesome.ecosyste.ms/api/v1/lists/flynn-eye%2Fawesome-react-cn/projects"}