Complete Introduction to React

11h 10m 40s
English
Paid
October 4, 2024

In this course, Brian Holt (Netflix) introduces you to React, one of the leading JavaScript libraries for building user interfaces. You will also explore the React ecosystem as you learn how to use Redux for state management, React Router for navigation and more. This course is designed for intermediate and advanced JavaScript programmers looking for a well-rounded, complete introduction to React and complimentary tools and libraries to make you highly productive at building web applications in React.

Watch Online Complete Introduction to React

Join premium to watch
Go to premium
# Title Duration
1 Introduction 10:10
2 Writing your First Component 12:18
3 Modularizing the Code 03:34
4 Composite Components and Factories 11:42
5 Props 10:09
6 Adding a Color Prop 02:24
7 Standard JS & Editor Config 09:09
8 NPM Scripts 08:29
9 Webpack 10:06
10 Using React as a Module 08:40
11 Babel 08:56
12 Configuring Webpack 13:34
13 What is JSX? 14:09
14 Stateless Components 12:46
15 Creating Components with Arrow Functions 08:19
16 Refactoring the App Component 08:11
17 Webpack Watch 08:46
18 Standard.js with React 11:19
19 React Router 11:28
20 Importing JSON Data 12:00
21 Linking between Routes 03:10
22 Populating the Search Page 07:19
23 ES6 Template Strings 08:06
24 Creating the ShowCard Component 09:27
25 Key Props 02:37
26 PropTypes 10:38
27 Component Children 05:47
28 Index Routes 10:43
29 React.createClass 06:20
30 Managing State 08:56
31 Auto-Binding 06:48
32 Implementing the Search Filter 06:09
33 State Questions 10:55
34 State Questions Continued 14:32
35 Configuring Mocha 07:46
36 Writing Your First Test 09:57
37 Testing with NPM Scripts 05:03
38 Testing React with Enzyme 10:30
39 Testing ShowCard Count 10:14
40 Testing Filtering with mount() 08:48
41 Test Coverage with NYC 08:10
42 Thoughts on Unit Testing React 08:26
43 Hot Module Reloading 05:04
44 Route Parameters 09:56
45 Data Tunneling 11:01
46 Route onEnter Event 12:09
47 Routing Questions 13:19
48 Displaying Data in the Details Component 10:01
49 Creating a Header component 10:41
50 Conditional JSX 11:25
51 Completing the Header Component 10:27
52 React Tools 07:50
53 Flux 07:06
54 Flux vs. Redux 04:26
55 Reducers 10:10
56 Default and Initial State 03:55
57 Connectors 10:32
58 Using Redux in React 10:20
59 Updating the Search Component 07:49
60 Searching from the Landing Page 12:24
61 Linking to the Details Page 04:39
62 Redux Tools 11:43
63 Testing Redux 13:21
64 What is Universal Rendering? 05:24
65 Externalizing the State 13:43
66 Browser vs. Server Rendering 10:15
67 Using Express Part 1 11:43
68 Using Express Part 2 14:14
69 Rendering Questions 05:57
70 Lifecycle Methods 12:54
71 Webpack Chunking 03:16
72 Asynchronous Routes 15:48
73 Final Q&A 02:38

Similar courses to Complete Introduction to React

React Router v5

React Router v5

Duration 3 hours 38 minutes 49 seconds
React - The Complete Guide

React - The Complete Guide

Duration 47 hours 42 minutes 41 seconds
React for Beginners

React for Beginners

Duration 7 hours 58 minutes 3 seconds
MERN Stack Web Development with Ultimate Authentication

MERN Stack Web Development with Ultimate Authentication

Duration 9 hours 24 minutes 59 seconds
Python/Django + React QR Digital Menu Builder

Python/Django + React QR Digital Menu Builder

Duration 10 hours 49 minutes 22 seconds
React Summit Remote Edition 2021

React Summit Remote Edition 2021

Duration 16 hours 1 minute 10 seconds
React and Django: A Practical Guide with Docker

React and Django: A Practical Guide with Docker

Duration 6 hours 50 minutes 20 seconds
React Summit 2024 - Amsterdam

React Summit 2024 - Amsterdam

Duration 18 hours 56 minutes 36 seconds
React Query

React Query

Duration 7 hours 1 minute 30 seconds
React Node AWS - Build infinitely Scaling MERN Stack App

React Node AWS - Build infinitely Scaling MERN Stack App

Duration 25 hours 1 minute 19 seconds