React16.4 Development book project from Zero Foundation to actual combat

Source: Internet
Author: User
Tags react developer tools redux middleware

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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.