Next Section: 发送搜索请求877 plays

5 秒后自动播放下一节
  Watch Again

Webpack+react family bucket develops grain backend project

Introduction >
ChapterCourseware
Chapter1Chapter One

Introduction to build tools

16 minutes35 seconds

Introduction to webpack

25 minutes47 seconds

Webpack is a small test

44 minutes32 seconds

Using webpack configuration files

15 minutes49 seconds

less-loader parses less

30 minutes28 seconds

eslint-loader syntax check

27 minutes11 seconds

js syntax conversion

18 minutes40 seconds

New js syntax is introduced on demand

19 minutes42 seconds

url-loader parses images in styles

25 minutes24 seconds

Package html files

09 minutes39 seconds
Chapter2Chapter two

Packaging image resources in html

05 minutes28 seconds

Package other resources

15 minutes38 seconds

Automatically compile, package and run

23 minutes48 seconds

HMR (Hot Mold Replacement)

13 minutes05 seconds

devtool mapping technology

13 minutes09 seconds

Prepare production environment

19 minutes15 seconds

Clear the packaged file directory

06 minutes54 seconds

Extract css into separate files

12 minutes31 seconds

Compatibility processing of css files

21 minutes43 seconds

compress css

07 minutes43 seconds
Chapter3third chapter

compress html

12 minutes04 seconds

Use of vscode compiler

35 minutes20 seconds

Introduction to react

32 minutes32 seconds

hello-react

26 minutes35 seconds

Two ways to create virtual DOM

26 minutes57 seconds

A few small questions

11 minutes06 seconds

jsx syntax rules

09 minutes55 seconds

A small exercise in jsx

26 minutes05 seconds

Two ways to create components

39 minutes58 seconds

review

27 minutes28 seconds
Chapter4Chapter Four

The state of the three major attributes of components

43 minutes42 seconds

abbreviation for state

11 minutes16 seconds

props, the three major properties of components

35 minutes01 seconds

Simplified writing method of passing tag attributes through props

12 minutes42 seconds

ref&event handling of the three major attributes of components

21 minutes20 seconds

ref new syntax

20 minutes49 seconds

review

18 minutes15 seconds

todolist implements static components

14 minutes39 seconds

todolist dynamically displays data

11 minutes41 seconds

Complete todolist

20 minutes04 seconds
Chapter5chapter Five

Controlled and uncontrolled components

21 minutes42 seconds

Component life cycle

49 minutes40 seconds

review

28 minutes00 seconds

About forceUpdate and willRecriveProps

18 minutes59 seconds

getDerivedStateFromProps

28 minutes10 seconds

getSnapshotBeforeUpdate

19 minutes11 seconds

Verify diff algorithm

13 minutes21 seconds

The function of key

37 minutes05 seconds

Download react scaffolding

26 minutes12 seconds

A simple description of react scaffolding

12 minutes38 seconds
Chapter6Chapter Six

Detailed description of react scaffolding

39 minutes51 seconds

A simple combination of components

28 minutes41 seconds

Comment case—static page

31 minutes18 seconds

User comment case—dynamic initialization

26 minutes04 seconds

User comment case—add comments

24 minutes44 seconds

User review case—complete interaction

27 minutes36 seconds

User Reviews—Second Edition

29 minutes39 seconds

axios exercise

47 minutes03 seconds

Simple exercise of fetch

51 minutes30 seconds

Github search case—static page

16 minutes08 seconds
Chapter7Chapter VII

github search case—send a request

25 minutes24 seconds

github search case—complete interaction

18 minutes06 seconds

review

21 minutes35 seconds

github search case—pubsub version

33 minutes07 seconds

Communication method between react components

09 minutes15 seconds

Introduction to routing

29 minutes42 seconds

Basic routing usage

26 minutes25 seconds

Detailed description of basic routing

31 minutes59 seconds

Construction of secondary routing (1)

19 minutes33 seconds

review

25 minutes42 seconds
Chapter8chapter eight

Construction of secondary routing (2)

35 minutes27 seconds

Routing component passing parameters

43 minutes19 seconds

Programmatic route navigation

18 minutes45 seconds

Simple use of antd

23 minutes48 seconds

review

46 minutes00 seconds

Folder introduction - project effect demonstration

18 minutes56 seconds

Review git

11 minutes09 seconds

Project technology selection

23 minutes49 seconds

Build applications using create-react-app

14 minutes38 seconds

Configure on-demand introduction of antd style

17 minutes07 seconds
Chapter9Chapter nine

antd custom theme

10 minutes27 seconds

Build login and admin routes

12 minutes48 seconds

login static page

23 minutes38 seconds

antd's From component-static

23 minutes39 seconds

Declarative validation of usernames

32 minutes43 seconds

Custom verification of passwords

14 minutes22 seconds

Unified verification of login form

11 minutes41 seconds

Higher-order components & higher-order functions

12 minutes39 seconds

review

30 minutes23 seconds

Prepare redux branch

10 minutes00 seconds
Chapter10chapter Ten

Introduction to redux interaction model

10 minutes13 seconds

Detailed explanation of redux schematic diagram

27 minutes07 seconds

Case-react version

18 minutes42 seconds

Case-redux-no-action version

41 minutes53 seconds

Case-redux final version

12 minutes15 seconds

Introduction to react-redux

10 minutes54 seconds

Case-react-redux (first version)

48 minutes04 seconds

Case-react-redux (Second Edition)

15 minutes48 seconds

react-redux asynchronous programming

25 minutes23 seconds

Use of redux debugging tools

10 minutes36 seconds
Chapter11Chapter 11

Modular coding for react-redux

34 minutes59 seconds

review

47 minutes03 seconds

Build a redux development environment

38 minutes43 seconds

API interface and testing

30 minutes35 seconds

Configure proxy to solve cross-domain issues

24 minutes47 seconds

post request json format encoding parameters

25 minutes51 seconds

Using axios request interceptor

26 minutes37 seconds

Using axios response interceptor

15 minutes03 seconds

Configure project base path

07 minutes25 seconds

Request progress bar effect

08 minutes08 seconds
Chapter12Chapter 12

Handle the user information returned by the server to redux management

28 minutes08 seconds

auto login

23 minutes30 seconds

Log out function

07 minutes54 seconds

review

28 minutes45 seconds

Decorator syntax

24 minutes30 seconds

token verification

36 minutes03 seconds

Admin overall layout construction

22 minutes30 seconds

Admin sub-routing construction

23 minutes09 seconds

Header static layout

27 minutes22 seconds

Automatic jump when login status expires

15 minutes36 seconds
Chapter13Chapter 13

Head interaction-full screen switching

22 minutes46 seconds

Head interaction - log out

17 minutes14 seconds

Head time display

12 minutes28 seconds

Get weather information

41 minutes48 seconds

Display weather information

10 minutes20 seconds

Use of withRouter

14 minutes57 seconds

Left navigation static layout

30 minutes47 seconds

Left navigation static - switching effect

20 minutes27 seconds

Dynamically generate menus

20 minutes49 seconds
Chapter14Chapter 14

The menu is selected by default and automatically opened

15 minutes56 seconds

Display the title in the header component

23 minutes04 seconds

Use redux to manage titles

15 minutes37 seconds

Product classification static page (1)

16 minutes19 seconds

Product classification static page (2)

18 minutes31 seconds

Dynamically initialize data

20 minutes43 seconds

Add and modify pop-up windows

31 minutes34 seconds

Add new product

30 minutes56 seconds

Update product category

37 minutes16 seconds

Solve the navigation default selection problem

12 minutes33 seconds
Chapter15Chapter 15

Product management static page

32 minutes17 seconds

Initialization list display + paging

48 minutes27 seconds

Operation item status

23 minutes22 seconds

Send search request

35 minutes43 seconds

Implementation of search function

23 minutes42 seconds

Construction of product details and modified routing

23 minutes59 seconds

Solve the problem of label selection and title

14 minutes29 seconds

Product details-static page

15 minutes15 seconds

Show details

32 minutes14 seconds

Pull details from server

17 minutes33 seconds
Chapter16Chapter 16

Display product details-redux

46 minutes07 seconds

Display product details-request backend

21 minutes30 seconds

Add new products-static page

22 minutes35 seconds

Collect some product data

20 minutes55 seconds

Photo wall-static

14 minutes53 seconds

Upload a file using the Upload component

46 minutes59 seconds

Upload and delete responses

27 minutes53 seconds

Complete upload function

23 minutes02 seconds

Rich text editor

18 minutes42 seconds

Complete new product

22 minutes23 seconds
Chapter17Chapter 17

Product modification

51 minutes57 seconds

Introduction to role management

23 minutes15 seconds

Add new role

21 minutes24 seconds

tree menu

58 minutes11 seconds

Complete the authorization function

26 minutes28 seconds

Get user list

21 minutes18 seconds

New users

20 minutes27 seconds

Traverse menu-some method of array

34 minutes01 seconds

Use of echarts

24 minutes35 seconds
  • CancelreplySending
  • Cancelpost a noteSending