Introduction to build tools
16 minutes35 secondsIntroduction to webpack
25 minutes47 secondsWebpack is a small test
44 minutes32 secondsUsing webpack configuration files
15 minutes49 secondsless-loader parses less
30 minutes28 secondseslint-loader syntax check
27 minutes11 secondsjs syntax conversion
18 minutes40 secondsNew js syntax is introduced on demand
19 minutes42 secondsurl-loader parses images in styles
25 minutes24 secondsPackage html files
09 minutes39 secondsPackaging image resources in html
05 minutes28 secondsPackage other resources
15 minutes38 secondsAutomatically compile, package and run
23 minutes48 secondsHMR (Hot Mold Replacement)
13 minutes05 secondsdevtool mapping technology
13 minutes09 secondsPrepare production environment
19 minutes15 secondsClear the packaged file directory
06 minutes54 secondsExtract css into separate files
12 minutes31 secondsCompatibility processing of css files
21 minutes43 secondscompress css
07 minutes43 secondscompress html
12 minutes04 secondsUse of vscode compiler
35 minutes20 secondsIntroduction to react
32 minutes32 secondshello-react
26 minutes35 secondsTwo ways to create virtual DOM
26 minutes57 secondsA few small questions
11 minutes06 secondsjsx syntax rules
09 minutes55 secondsA small exercise in jsx
26 minutes05 secondsTwo ways to create components
39 minutes58 secondsreview
27 minutes28 secondsThe state of the three major attributes of components
43 minutes42 secondsabbreviation for state
11 minutes16 secondsprops, the three major properties of components
35 minutes01 secondsSimplified writing method of passing tag attributes through props
12 minutes42 secondsref&event handling of the three major attributes of components
21 minutes20 secondsref new syntax
20 minutes49 secondsreview
18 minutes15 secondstodolist implements static components
14 minutes39 secondstodolist dynamically displays data
11 minutes41 secondsComplete todolist
20 minutes04 secondsControlled and uncontrolled components
21 minutes42 secondsComponent life cycle
49 minutes40 secondsreview
28 minutes00 secondsAbout forceUpdate and willRecriveProps
18 minutes59 secondsgetDerivedStateFromProps
28 minutes10 secondsgetSnapshotBeforeUpdate
19 minutes11 secondsVerify diff algorithm
13 minutes21 secondsThe function of key
37 minutes05 secondsDownload react scaffolding
26 minutes12 secondsA simple description of react scaffolding
12 minutes38 secondsDetailed description of react scaffolding
39 minutes51 secondsA simple combination of components
28 minutes41 secondsComment case—static page
31 minutes18 secondsUser comment case—dynamic initialization
26 minutes04 secondsUser comment case—add comments
24 minutes44 secondsUser review case—complete interaction
27 minutes36 secondsUser Reviews—Second Edition
29 minutes39 secondsaxios exercise
47 minutes03 secondsSimple exercise of fetch
51 minutes30 secondsGithub search case—static page
16 minutes08 secondsgithub search case—send a request
25 minutes24 secondsgithub search case—complete interaction
18 minutes06 secondsreview
21 minutes35 secondsgithub search case—pubsub version
33 minutes07 secondsCommunication method between react components
09 minutes15 secondsIntroduction to routing
29 minutes42 secondsBasic routing usage
26 minutes25 secondsDetailed description of basic routing
31 minutes59 secondsConstruction of secondary routing (1)
19 minutes33 secondsreview
25 minutes42 secondsConstruction of secondary routing (2)
35 minutes27 secondsRouting component passing parameters
43 minutes19 secondsProgrammatic route navigation
18 minutes45 secondsSimple use of antd
23 minutes48 secondsreview
46 minutes00 secondsFolder introduction - project effect demonstration
18 minutes56 secondsReview git
11 minutes09 secondsProject technology selection
23 minutes49 secondsBuild applications using create-react-app
14 minutes38 secondsConfigure on-demand introduction of antd style
17 minutes07 secondsantd custom theme
10 minutes27 secondsBuild login and admin routes
12 minutes48 secondslogin static page
23 minutes38 secondsantd's From component-static
23 minutes39 secondsDeclarative validation of usernames
32 minutes43 secondsCustom verification of passwords
14 minutes22 secondsUnified verification of login form
11 minutes41 secondsHigher-order components & higher-order functions
12 minutes39 secondsreview
30 minutes23 secondsPrepare redux branch
10 minutes00 secondsIntroduction to redux interaction model
10 minutes13 secondsDetailed explanation of redux schematic diagram
27 minutes07 secondsCase-react version
18 minutes42 secondsCase-redux-no-action version
41 minutes53 secondsCase-redux final version
12 minutes15 secondsIntroduction to react-redux
10 minutes54 secondsCase-react-redux (first version)
48 minutes04 secondsCase-react-redux (Second Edition)
15 minutes48 secondsreact-redux asynchronous programming
25 minutes23 secondsUse of redux debugging tools
10 minutes36 secondsModular coding for react-redux
34 minutes59 secondsreview
47 minutes03 secondsBuild a redux development environment
38 minutes43 secondsAPI interface and testing
30 minutes35 secondsConfigure proxy to solve cross-domain issues
24 minutes47 secondspost request json format encoding parameters
25 minutes51 secondsUsing axios request interceptor
26 minutes37 secondsUsing axios response interceptor
15 minutes03 secondsConfigure project base path
07 minutes25 secondsRequest progress bar effect
08 minutes08 secondsHandle the user information returned by the server to redux management
28 minutes08 secondsauto login
23 minutes30 secondsLog out function
07 minutes54 secondsreview
28 minutes45 secondsDecorator syntax
24 minutes30 secondstoken verification
36 minutes03 secondsAdmin overall layout construction
22 minutes30 secondsAdmin sub-routing construction
23 minutes09 secondsHeader static layout
27 minutes22 secondsAutomatic jump when login status expires
15 minutes36 secondsHead interaction-full screen switching
22 minutes46 secondsHead interaction - log out
17 minutes14 secondsHead time display
12 minutes28 secondsGet weather information
41 minutes48 secondsDisplay weather information
10 minutes20 secondsUse of withRouter
14 minutes57 secondsLeft navigation static layout
30 minutes47 secondsLeft navigation static - switching effect
20 minutes27 secondsDynamically generate menus
20 minutes49 secondsThe menu is selected by default and automatically opened
15 minutes56 secondsDisplay the title in the header component
23 minutes04 secondsUse redux to manage titles
15 minutes37 secondsProduct classification static page (1)
16 minutes19 secondsProduct classification static page (2)
18 minutes31 secondsDynamically initialize data
20 minutes43 secondsAdd and modify pop-up windows
31 minutes34 secondsAdd new product
30 minutes56 secondsUpdate product category
37 minutes16 secondsSolve the navigation default selection problem
12 minutes33 secondsProduct management static page
32 minutes17 secondsInitialization list display + paging
48 minutes27 secondsOperation item status
23 minutes22 secondsSend search request
35 minutes43 secondsImplementation of search function
23 minutes42 secondsConstruction of product details and modified routing
23 minutes59 secondsSolve the problem of label selection and title
14 minutes29 secondsProduct details-static page
15 minutes15 secondsShow details
32 minutes14 secondsPull details from server
17 minutes33 secondsDisplay product details-redux
46 minutes07 secondsDisplay product details-request backend
21 minutes30 secondsAdd new products-static page
22 minutes35 secondsCollect some product data
20 minutes55 secondsPhoto wall-static
14 minutes53 secondsUpload a file using the Upload component
46 minutes59 secondsUpload and delete responses
27 minutes53 secondsComplete upload function
23 minutes02 secondsRich text editor
18 minutes42 secondsComplete new product
22 minutes23 secondsProduct modification
51 minutes57 secondsIntroduction to role management
23 minutes15 secondsAdd new role
21 minutes24 secondstree menu
58 minutes11 secondsComplete the authorization function
26 minutes28 secondsGet user list
21 minutes18 secondsNew users
20 minutes27 secondsTraverse menu-some method of array
34 minutes01 secondsUse of echarts
24 minutes35 seconds
The core concepts of webpack Entry: Entry, the starting point (file) for Webpack packaging Output: output, the bundle (packaged file) generated by webpack compilation and packaging Loader: Module loader (converter), which packages non-js and non-json modules into js modules that webpack can understand. Plugin: Plug-in, which inserts code with specific functions at specific times in the Webpack build process
