https://github.com/myesn/react-demos

🏗️ react 常用库集成以及项目实战
https://github.com/myesn/react-demos

ant-design react react-advanced react-redux react-router redux-devtools

Last synced: 27 days ago
JSON representation

🏗️ react 常用库集成以及项目实战

• Host: GitHub
• URL: https://github.com/myesn/react-demos
• Owner: myesn
• Created: 2020-08-14T15:42:12.000Z (almost 6 years ago)
• Default Branch: main
• Last Pushed: 2021-06-19T12:32:16.000Z (almost 5 years ago)
• Last Synced: 2025-01-12T16:36:46.229Z (over 1 year ago)
• Topics: ant-design, react, react-advanced, react-redux, react-router, redux-devtools
• Language: JavaScript
• Homepage:
• Size: 7.22 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## 介绍

~~该仓库的代码是观看[此视频合集](https://www.bilibili.com/video/BV1fV411d7Ka)后的成果(包括但不限于)~~

上面的链接地址已失效，具体参考本地下载的视频文件，目前进度 chapter 8, video 28, 10:50 完结

## 参考文档

- [react 生态](https://github.com/enaqx/awesome-react)

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

    - [react-controller-view-pattern](https://blog.andrewray.me/the-reactjs-controller-view-pattern)

    - [react-lifecycle-methods-diagram](https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram)

  - [formik](https://github.com/formium/formik)

  - [downshift](https://github.com/downshift-js/downshift)

  - [react-motion](https://github.com/chenglou/react-motion)  

- React Starter Kit

  - [create-react-app](https://github.com/facebook/create-react-app)

  - [nano-react-app](https://github.com/nano-react-app/nano-react-app)

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

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

- flux

  - [flux for beginners](https://blog.andrewray.me/flux-for-stupid-people)

  - [flux 架构入门](http://www.ruanyifeng.com/blog/2016/01/flux.html)

  - [flux-comparsion](https://github.com/voronianski/flux-comparison)

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

  - [flux-standard-action](https://github.com/redux-utilities/flux-standard-action)

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

  - middleware

    - [redux-logger](https://github.com/evgenyrodionov/redux-logger)

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

  - [redux devtools extension](https://github.com/zalmoxisus/redux-devtools-extension)

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

  - [react-redux-cn](http://cn.redux.js.org)

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

  - 阮一峰博客

    - [redux 入门教程（一）](http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.html)

    - [redux 入门教程（二）](http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_two_async_operations.html)

    - [redux 入门教程（三）](http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_three_react-redux.html)

  - StEve Young 博客

    - [redux 基础](http://buptsteve.github.io/blog/posts/007.redux-basis.html)

    - [redux 进阶](http://buptsteve.github.io/blog/posts/008.advanced-redux.html)

- typescript

  - [typescript-cheatsheets](https://github.com/typescript-cheatsheets/react)

- ui framework

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

  - [zarm design](https://zarm.design)

- ui utility

  - [tailwindcss](https://tailwindcss.com/)

- tool

  - [craco](https://github.com/gsoft-inc/craco)

  - [gitmoji-cli](https://github.com/carloscuesta/gitmoji-cli)

- [immutable js](https://immutable-js.github.io/immutable-js)

- [sass](http://www.ruanyifeng.com/blog/2012/06/sass.html)

- [ramda](https://github.com/ramda/ramda)

- [iconfont](https://www.iconfont.cn)

- [awesome react components](https://github.com/brillout/awesome-react-components)

- [Faker.js](https://github.com/marak/Faker.js)

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

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

- [normalize.css](https://github.com/necolas/normalize.css)

- [store.js](https://github.com/marcuswestin/store.js)

- css layout

  - [grid](http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html)

  - [flex](http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html)

## 常见问题解决方案

  - [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)

## 使用到的工具

- [jsonbin.io](https://jsonbin.io) JSON storage server

- [react developer tools](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi)

- [redux-devtools](https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd)