The 1th chapter of the Course Guide study
1-1 Course Guidance
On the 2nd Chapter react
2-1 React Introduction
2-2 React Development environment preparation
2-3 Introduction to Engineering catalog files
2-4 components in the react
The most basic JSX syntax in 2-5 React
3rd Chapter React Foundation explaining
3-1 writing todolist functions with react
The responsive design idea and event binding in 3-2 React
3-3 Implement todolist New Delete function
3-4 JSX Syntax Details supplement
3-5 passing values between a split component and a component
3-6 todolist Code optimization
3-7 thoughts derived from React
4th Chapter React Advanced Content
4-1 React Developer Tools installation and use
Application of 4-2 Proptypes and Defaultprops
The relationship between 4-3 props,state and the render function
4-4 Virtual Dom in React
4-5 deep understanding of virtual DOM
4-6 Diff algorithm in virtual DOM
Use of ref in 4-7 React
The life cycle function of 4-8 react
4-9 usage Scenarios for React life cycle functions
4-10 using Charles to implement local data mocks
CSS transition animations in 4-11 React
Using CSS animation effects in 4-12 React
4-13 animating with React-transition-group (1)
Use of 4-14 React-transition-group (2)
5th Chapter Redux Introduction
Brief introduction of 5-1 Redux concept
5-2 Redux Workflow
5-3 using ANTD to implement ToDoList page layouts
5-4 creating a store_x264 in redux
5-5 Action and Reducer writing
5-6 use Redux to complete the todolist removal function _x264
5-7 Actiontypes's split
5-8 creating an action using actioncreator unification
5-9 Redux Knowledge Point Review Supplement
6th Chapter Redux Advanced
6-1 UI components and container components
6-2 Stateless components
6-3 Redux send asynchronous request to get data
6-4 using Redux-thunk Middleware to implement AJAX data requests
6-5 What is Redux middleware
6-6 Redux-saga Middleware Access (1)
6-7 Redux-saga Middleware Access (2)
6-8 How to use React-redux (1)
6-9 How to use React-redux (2)
6-10 complete todolist function with React-redux
The 7th Chapter Project actual Combat: Header Component Development
7-1 Project directory Construction, styled-components and reset.css combination use
7-2 using styled-components to complete the Header component layout (1)
7-3 using styled-components to complete the Header component Layout (2)
7-4 embedding the head icon with Iconfont
7-5 Search box Animation effect implementation
7-6 management of application data using React-redux
7-7 using Combinereducers to complete the split management of data
7-8 Actioncreators and Constants Split
7-9 using Immutable.js to manage data in the store
7-10 using redux-immutable Unified data format
7-11 Popular Search style layouts
7-12 Ajax Get Recommended data
7-13 Code Optimization Fine Tuning
7-14 Popular search for page features
7-15 the implementation of the rotation animation effect of the page break
7-16 improve component performance by avoiding meaningless request sending
The 8th Chapter Project actual Combat: Homepage Development
8-1 What is routing and how to use the routing feature in React
8-2 split of the first page component
8-3 first page thematic area layout and reducer design
8-4 First page article List production
8-5 first page recommended part code writing
8-6 first page asynchronous data acquisition
8-7 asynchronous operation code split optimization
8-8 Implementing Load More Features
8-9 return to top function implementation
8-10 first page performance optimization and routing jumps
The 9th Chapter Project actual Combat: Detail Page and login function development
9-1 Details Page Layout
9-2 Managing Detail Page data with Redux
9-3 Getting data asynchronously
9-4 delivery of page route parameters
9-5 Landing Page Layout
9-6 Login Function Implementation
9-7 login authentication and code optimization
9-8 use of asynchronous components and Withrouter routing methods
The 10th chapter of the course summary
10-1 Project on-line process
10-2 React Version Upgrade instructions
10-3 Course Summary
Baidu Network Disk Download
React16.4 Development book project from Zero Foundation to actual combat