Webpack+react family bucket develops grain backend project

• Chapter1 Chapter One
• 1-1 Introduction to build tools
• 1-2 Introduction to webpack
• 1-3 Webpack is a small test
• 1-4 Using webpack configuration files
• 1-5 less-loader parses less
• 1-6 eslint-loader syntax check
• 1-7 js syntax conversion
• 1-8 New js syntax is introduced on demand
• 1-9 url-loader parses images in styles
• 1-10 Package html files
• Chapter2 Chapter two
• 2-1 Packaging image resources in html
• 2-2 Package other resources
• 2-3 Automatically compile, package and run
• 2-4 HMR (Hot Mold Replacement)
• 2-5 devtool mapping technology
• 2-6 Prepare production environment
• 2-7 Clear the packaged file directory
• 2-8 Extract css into separate files
• 2-9 Compatibility processing of css files
• 2-10 compress css
• Chapter3 third chapter
• 3-1 compress html
• 3-2 Use of vscode compiler
• 3-3 Introduction to react
• 3-4 hello-react
• 3-5 Two ways to create virtual DOM
• 3-6 A few small questions
• 3-7 jsx syntax rules
• 3-8 A small exercise in jsx
• 3-9 Two ways to create components
• 3-10 review
• Chapter4 Chapter Four
• 4-1 The state of the three major attributes of components
• 4-2 abbreviation for state
• 4-3 props, the three major properties of components
• 4-4 Simplified writing method of passing tag attributes through props
• 4-5 ref&event handling of the three major attributes of components
• 4-6 ref new syntax
• 4-7 review
• 4-8 todolist implements static components
• 4-9 todolist dynamically displays data
• 4-10 Complete todolist
• Chapter5 chapter Five
• 5-1 Controlled and uncontrolled components
• 5-2 Component life cycle
• 5-3 review
• 5-4 About forceUpdate and willRecriveProps
• 5-5 getDerivedStateFromProps
• 5-6 getSnapshotBeforeUpdate
• 5-7 Verify diff algorithm
• 5-8 The function of key
• 5-9 Download react scaffolding
• 5-10 A simple description of react scaffolding
• Chapter6 Chapter Six
• 6-1 Detailed description of react scaffolding
• 6-2 A simple combination of components
• 6-3 Comment case—static page
• 6-4 User comment case—dynamic initialization
• 6-5 User comment case—add comments
• 6-6 User review case—complete interaction
• 6-7 User Reviews—Second Edition
• 6-8 axios exercise
• 6-9 Simple exercise of fetch
• 6-10 Github search case—static page
• Chapter7 Chapter VII
• 7-1 github search case—send a request
• 7-2 github search case—complete interaction
• 7-3 review
• 7-4 github search case—pubsub version
• 7-5 Communication method between react components
• 7-6 Introduction to routing
• 7-7 Basic routing usage
• 7-8 Detailed description of basic routing
• 7-9 Construction of secondary routing (1)
• 7-10 review
• Chapter8 chapter eight
• 8-1 Construction of secondary routing (2)
• 8-2 Routing component passing parameters
• 8-3 Programmatic route navigation
• 8-4 Simple use of antd
• 8-5 review
• 8-6 Folder introduction - project effect demonstration
• 8-7 Review git
• 8-8 Project technology selection
• 8-9 Build applications using create-react-app
• 8-10 Configure on-demand introduction of antd style
• Chapter9 Chapter nine
• 9-1 antd custom theme
• 9-2 Build login and admin routes
• 9-3 login static page