{"id":20022850,"url":"https://github.com/myesn/react-demos","last_synced_at":"2026-05-07T19:12:23.694Z","repository":{"id":118738862,"uuid":"287568033","full_name":"myesn/react-demos","owner":"myesn","description":"🏗️ react 常用库集成以及项目实战","archived":false,"fork":false,"pushed_at":"2021-06-19T12:32:16.000Z","size":7570,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-12T16:36:46.229Z","etag":null,"topics":["ant-design","react","react-advanced","react-redux","react-router","redux-devtools"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/myesn.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-08-14T15:42:12.000Z","updated_at":"2023-03-07T07:31:41.000Z","dependencies_parsed_at":"2023-05-06T16:06:32.555Z","dependency_job_id":null,"html_url":"https://github.com/myesn/react-demos","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/myesn%2Freact-demos","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/myesn%2Freact-demos/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/myesn%2Freact-demos/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/myesn%2Freact-demos/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/myesn","download_url":"https://codeload.github.com/myesn/react-demos/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241455379,"owners_count":19965602,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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"}},"keywords":["ant-design","react","react-advanced","react-redux","react-router","redux-devtools"],"created_at":"2024-11-13T08:43:31.851Z","updated_at":"2026-05-07T19:12:18.663Z","avatar_url":"https://github.com/myesn.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## 介绍\r\n\r\n~~该仓库的代码是观看[此视频合集](https://www.bilibili.com/video/BV1fV411d7Ka)后的成果(包括但不限于)~~\r\n\r\n上面的链接地址已失效，具体参考本地下载的视频文件，目前进度 chapter 8, video 28, 10:50 完结\r\n\r\n## 参考文档\r\n\r\n- [react 生态](https://github.com/enaqx/awesome-react)\r\n  - [react](https://github.com/facebook/react)\r\n    - [react-controller-view-pattern](https://blog.andrewray.me/the-reactjs-controller-view-pattern)\r\n    - [react-lifecycle-methods-diagram](https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram)\r\n  - [formik](https://github.com/formium/formik)\r\n  - [downshift](https://github.com/downshift-js/downshift)\r\n  - [react-motion](https://github.com/chenglou/react-motion)  \r\n- React Starter Kit\r\n  - [create-react-app](https://github.com/facebook/create-react-app)\r\n  - [nano-react-app](https://github.com/nano-react-app/nano-react-app)\r\n- [react-router](https://github.com/ReactTraining/react-router)\r\n- [react-router-dom](https://github.com/ReactTraining/react-router)\r\n- flux\r\n  - [flux for beginners](https://blog.andrewray.me/flux-for-stupid-people)\r\n  - [flux 架构入门](http://www.ruanyifeng.com/blog/2016/01/flux.html)\r\n  - [flux-comparsion](https://github.com/voronianski/flux-comparison)\r\n  - [fackbook-flux](https://github.com/facebook/flux)\r\n  - [flux-standard-action](https://github.com/redux-utilities/flux-standard-action)\r\n- [redux](https://github.com/reduxjs/redux)\r\n  - middleware\r\n    - [redux-logger](https://github.com/evgenyrodionov/redux-logger)\r\n    - [redux-thunk](https://github.com/reduxjs/redux-thunk)\r\n  - [redux devtools extension](https://github.com/zalmoxisus/redux-devtools-extension)\r\n  - [react-redux](https://www.github.com/reduxjs/react-redux)\r\n  - [react-redux-cn](http://cn.redux.js.org)\r\n  - [redux-toolkit](https://github.com/reduxjs/redux-toolkit)\r\n  - 阮一峰博客\r\n    - [redux 入门教程（一）](http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.html)\r\n    - [redux 入门教程（二）](http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_two_async_operations.html)\r\n    - [redux 入门教程（三）](http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_three_react-redux.html)\r\n  - StEve Young 博客\r\n    - [redux 基础](http://buptsteve.github.io/blog/posts/007.redux-basis.html)\r\n    - [redux 进阶](http://buptsteve.github.io/blog/posts/008.advanced-redux.html)\r\n- typescript\r\n  - [typescript-cheatsheets](https://github.com/typescript-cheatsheets/react)\r\n- ui framework\r\n  - [ant-design](https://github.com/ant-design/ant-design)\r\n  - [zarm design](https://zarm.design)\r\n- ui utility\r\n  - [tailwindcss](https://tailwindcss.com/)\r\n- tool\r\n  - [craco](https://github.com/gsoft-inc/craco)\r\n  - [gitmoji-cli](https://github.com/carloscuesta/gitmoji-cli)\r\n- [immutable js](https://immutable-js.github.io/immutable-js)\r\n- [sass](http://www.ruanyifeng.com/blog/2012/06/sass.html)\r\n- [ramda](https://github.com/ramda/ramda)\r\n- [iconfont](https://www.iconfont.cn)\r\n- [awesome react components](https://github.com/brillout/awesome-react-components)\r\n- [Faker.js](https://github.com/marak/Faker.js)\r\n- [axios](https://github.com/axios/axios)\r\n  - [moxios](https://github.com/axios/moxios)\r\n- [normalize.css](https://github.com/necolas/normalize.css)\r\n- [store.js](https://github.com/marcuswestin/store.js)\r\n- css layout\r\n  - [grid](http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html)\r\n  - [flex](http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html)\r\n\r\n## 常见问题解决方案\r\n\r\n  - [why running yarn upgrade does not update my package.json](https://dev.to/wgao19/why-running-yarn-upgrade-does-not-update-my-package-json-3mon)\r\n\r\n## 使用到的工具\r\n\r\n- [jsonbin.io](https://jsonbin.io) JSON storage server\r\n- [react developer tools](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi)\r\n- [redux-devtools](https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmyesn%2Freact-demos","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmyesn%2Freact-demos","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmyesn%2Freact-demos/lists"}