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: 2 days 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 (over 7 years ago)
• Default Branch: master
• Last Pushed: 2023-07-08T13:09:43.000Z (about 1 year ago)
• Last Synced: 2024-09-26T04:00:46.708Z (2 days ago)
• Topics: react, react-router, react-tutorial, redux, tutorial
• Language: JavaScript
• Homepage:
• Size: 6.64 MB
• Stars: 423
• Watchers: 18
• 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 ，谢谢~