React study notes

Meet React

React is a set of Facebook open source frameworks, which can be summarized as the following features:

• Implementation based on JSX syntactic sugar
• JUST THE UI: In the multi-layer architecture design pattern, React is not considered an MVC architecture, it can be understood as the V layer of MVC.
• VIRTUAL DOM: Virtual DOM, a lightweight js object, only retains some common attributes and methods of native dom.
• DATA FLOW: React is a one-way response data flow.

Technical point

• JSX syntax
• component definition
• component rendering
• component event
• state
• style binding
• form
• Component communication
• life cycle
• Modular (webpack)
• Scaffolding (create-react-app)
• Debugging tool (react-dev-tool)
• routing (3.0) and (4.0)

• Redux

  • Redux introduction and simple implementation
  • Redux cross-component communication introduction-combineReducers
  • Redux Cross-Component Communication-Provider and connect
  • Redux cross-component communication advanced chapter-middleware
• project application
• Other cases
• Outline summary

Digression

This tutorial is a synthesis of the Y.Pig and DK . Because there are many codes and documents, if there are omissions or errors in the finishing, you can raise them in Issues. Please understand. I hope it will be helpful to you. If you like, you can order Star or Fork, thank you~