https://github.com/wscats/react-tutorial
:tiger2:Some of the react tutorial - 《React学习笔记》
https://github.com/wscats/react-tutorial
react react-router react-tutorial redux tutorial
Last synced: about 1 month ago
JSON representation
:tiger2:Some of the react tutorial - 《React学习笔记》
- Host: GitHub
- URL: https://github.com/wscats/react-tutorial
- Owner: Wscats
- Created: 2017-04-11T14:27:16.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2023-07-08T13:09:43.000Z (almost 2 years ago)
- Last Synced: 2025-04-05T14:09:20.229Z (about 1 month ago)
- Topics: react, react-router, react-tutorial, redux, tutorial
- Language: JavaScript
- Homepage:
- Size: 6.64 MB
- Stars: 426
- Watchers: 17
- Forks: 65
- Open Issues: 24
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
# 认识 React
React 是 facebook 开源的一套框架，可总结为以下几个特点：
- 基于 JSX 语法糖实现
- JUST THE UI：在多层架构的设计模式中，React 并不算 MVC 的架构，它可理解为 MVC 的 V 层。
- VIRTUAL DOM：虚拟DOM，是轻量的 js 对象，只保留了原生 dom 的一些常用的属性和方法。
- DATA FLOW： React是单向响应的数据流。
# 技术点
- [JSX 语法](https://github.com/wscats/react-tutorial/tree/master/react/jsx)
- [组件定义](https://github.com/wscats/react-tutorial/tree/master/react/component/src/define)
- [组件渲染](https://github.com/wscats/react-tutorial/tree/master/react/component/src/render)
- [组件事件](https://github.com/wscats/react-tutorial/tree/master/react/component/src/event)
- [state](https://github.com/wscats/react-tutorial/tree/master/react/component/src/state)
- [样式绑定](https://github.com/wscats/react-tutorial/tree/master/react/component/src/style)
- [表单](https://github.com/wscats/react-tutorial/tree/master/react/component/src/form)
- [组件通信](https://github.com/wscats/react-tutorial/tree/master/react/component/src/communication)
- [生命周期](https://github.com/wscats/react-tutorial/tree/master/react/component/src/lifecycle)
- [模块化（webpack）](https://github.com/wscats/react-tutorial/tree/master/react/webpack)
- [脚手架（create-react-app）](https://github.com/wscats/react-tutorial/tree/master/react/create-react-app)
- [调试工具（react-dev-tool）](https://github.com/wscats/react-tutorial/tree/master/react/react-devtool)
- [路由（3.0）](https://github.com/wscats/react-tutorial/tree/master/react/router)[和（4.0）](https://github.com/wscats/react-tutorial/tree/master/react/router4)
- Redux
- [Redux 简介和简单实现](https://github.com/wscats/react-tutorial/tree/master/react/redux)
- [Redux 跨组件通信之入门篇 —— combineReducers](https://github.com/wscats/react-tutorial/tree/master/react/redux/combineReducers)
- [Redux 跨组件通信之进阶篇 —— Provider 和 connect](https://github.com/wscats/react-tutorial/tree/master/react/redux/connetProvider)
- [Redux 跨组件通信之高级篇 —— 中间件](https://github.com/wscats/react-tutorial/tree/master/react/redux/middleware)
- [项目应用](https://wscats.github.io/react-tutorial/react/reactERP/index.html#/login)
- [其他案例](https://github.com/Wscats/react-tutorial/blob/master/CASE.md)
- [纲要总结](https://github.com/Wscats/react-tutorial/blob/master/react/summery/summery.md)
# 题外话
这份教程是综合了[Y.Pig](https://github.com/Wscats/react-tutorial)和[DK](https://github.com/dk-lan/react)的内容，因为代码和文档比较多，整理中如有疏漏或者错误，可以在 Issues 中提出，多多谅解，希望对你们有帮助，如果你喜欢可以点个 Star 或者 Fork ，谢谢~