English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 3h 54m | 849 MB
Take a deep dive into full-stack JavaScript with React.js and learn advanced concepts like the context API, HOCs, external state, performance optimization, asynchronous APIs, testing, deployment, and more.
Have you ever wanted to create full-stack Javascript applications with React.js? This course, Advanced React.js, covers many advanced topics and best practices about React.js. First, you’ll learn how to configure and customize full-stack JavaScript environments. Next, you’ll explore how to work with async data and manage an application state both internally and externally. Additionally, you’ll dive into components context API, and learn how to use it with higher order components, pure components, presentational and container components, and all components lifecycle methods. Finally, you’ll discover performance analysis and optimization, how to use immutable data structures, and how to create production builds for both React.js and Node.js. By the end of this course, you’ll be able to efficiently use presentational and stateful React components in production.
Table of Contents
Course-Overview
1 Course-Overview
Introduction
2 Is-This-Course-for-You
Full-stack-JavaScript-with-Reactjs
3 Introduction
4 Configuring-a-Full-stack-JavaScript-Environment-Server-Side
5 Configuring-a-Full-stack-JavaScript-Environment-Client-Side
6 Working-with-Data
7 Testing-JavaScript-Code-with-Jest
8 Matching-Data-to-React-Components
9 Styling-React-Components
10 Components-Responsibilities
11 Jest-Snapshot-Testing
12 Server-side-Rendering-of-React-Components
13 Summary
Working-with-an-Asynchronous-API
14 Introduction
15 RedGreenRefactor
16 Working-with-a-Separate-State-Manager
17 Dealing-with-an-Asynchronous-API-on-the-Client
18 Dealing-with-an-Asynchronous-API-on-the-Server
19 Delivering-the-Initial-Data
20 Reading-State-from-the-State-Manager
21 Summary
The-Context-API-and-Higher-Order-Components
22 Type-checking-with-PropTypes
23 Reacts-Context-API
24 Shallow-Rendering-with-Enzyme
25 Presentational-Components-and-Container-Components
26 Higher-Order-Components
27 Mapping-Extra-Props
28 Summary
Subscribing-to-State
29 Upgrading-Dependencies
30 Using-the-setState-Function
31 Subscribing-to-an-External-State
32 Passing-State-to-Child-Components
33 Subscribing-to-State-from-Child-Components
34 A-Bit-of-Refactoring
35 Summary
Performance-Optimization
36 Understanding-shouldComponentUpdate-and-componentWillUpdate
37 Profiling-Components-in-Chrome-Using-the-react-perf-Flag
38 Perf-Addons-Avoiding-Wasteful-Rerenders-with-PureComponent
39 Making-Store-connected-Components-Subscribe-to-Partial-State
40 Immutable-Data-Structures
41 Summary
Production-Deployment-Best-Practices
42 Reacts-Production-Build
43 Continuous-Integration-and-Test-Coverage
44 Upgrading-Dependencies
45 Separating-Vendor-Files
46 Minifying-Bundled-Files
47 Using-Different-Babel-Configurations
48 Running-Nodejs-in-Production
49 Summary-and-Course-Wrap-Up
Resolve the captcha to access the links!