投稿

Mastering React

1255

0

2020-03-10 22:24:38

https://codewithmosh.com/

m0n90114n70p 发消息

覆舟水是苍生泪，不到横流君不知。

终末地1.4 诀/李织烟带来的双倍快乐

1- What is React

04:33

2- Setting Up the Development Environment

03:38

3- Your First React App

06:35

4- Hello World

05:26

5- Custom Configs

03:12

6- Full-stack Architecture

02:45

7- Course Structure

02:25

1 - Introduction

01:44

2- Let vs Var vs Const

03:53

3- Objects

02:46

4- The this Keyword

02:51

5- Binding this

02:37

6- Arrow Functions

04:17

7- Arrow Functions and this

04:15

8- Array.map Method

03:37

9- Object Destructuring

02:30

10- Spread Operator

04:03

11- Classes

03:46

12- Inheritance

04:04

13- Modules

04:12

14- Named and Default Exports

05:17

1- Introduction

01:39

2- Setting Up the Project

02:07

3- Your First React Component

05:22

4- Specifying Children

04:17

5- Embedding Expressions

04:52

6- Setting Attributes

05:46

7- Rendering Classes Dynamically

04:20

8 - Rendering Lists

03:59

9- Conditional Rendering

06:05

10- Handling Events

02:50

11- Binding Event Handlers

04:37

12- Updating the State

02:16

13- What Happens When State Changes

02:05

14- Passing Event Arguments

03:06

15- Setting Up the Vidly Project

05:39

16- Exercises

03:26

17- Building the Movies Component

07:19

18- Deleting a Movie

05:20

19- Conditional Rendering

03:27

20 - Summary

00:37

1- Introduction

00:46

2- Composing Components

03:46

3- Passing Data to Components

03:12

4- Passing Children

03:11

5 - Debugging React Apps

04:10

6- Props vs State

02:25

7 - Raising and Handling Events

04:53

8- Updating the State

04:39

9- Single Source of Truth

03:56

10- Removing the Local State

06:48

11- Multiple Components in Sync

05:54

12- Lifting the State Up

05:38

13 - Stateless Functional Components

02:30

14- Destructuring Arguments

02:01

15 - Lifecycle Hooks

01:39

16 - Mounting Phase

05:36

17- Updating Phase

04:21

18- Unmounting Phase

01:27

19- Exercise- Decrement Button

01:06

20- Solution - Decrement Button

04:54

21- Exercise- Like Component

01:45

22- Solution- Like Component

12:27

23- Summary

00:43

1- Introduction

01:09

2- Exercise- Pagination Component

01:03

3- Pagination- Component Interface

03:48

4- Pagination- Displaying Pages

06:50

5- Pagination- Handling Page Changes

05:50

6- Pagination- Paginating Data

06:15

7- Pagination- Type Checking with PropTypes

04:57

8- Exercise- ListGroup Component

01:26

9- Filtering- Component Interface

05:33

10- Filtering- Displaying Items

03:59

11- Filtering- Default Props

02:07

12- Filtering- Handling Selection

04:21

13- Filtering- Implementing Filtering

03:00

14- Filtering- Adding All Genres

03:40

15- Sorting- Extracting MoviesTable

05:20

16- Sorting- Raising the Sort Event

03:29

17- Sorting- Implementing Sorting

05:14

18- Sorting- Moving Responsibility

05:16

19- Sorting- Extracting TableHeader

07:45

20- Sorting- Extracting TableBody

03:13

21- Sorting- Rendering Cell Content

08:03

22- Sorting- Unique Keys - Final

03:00

23- Sorting- Adding the Sort Icon

03:58

24- Sorting- Extracting Table

03:52

25- Sorting- Extracting a Method

03:20

26- Destructuring Arguments

00:59

27- Summary

00:53

1- Introduction

00:34

2- Setup

01:47

3- Adding Routing

04:16

4- Switch

02:27

5- Link

04:21

6- Route Props

02:11

7- Passing Props

02:36

8- Route Parameters

03:33

9- Optional Parameters

02:07

10- Query String Parameters

03:52

11- Redirects

03:08

12- Programmatic Navigation

02:21

13- Nested Routing

04:36

14- Exercises- NavBar and Routing

01:45

15- Adding React Router

01:27

16- Adding Routes

04:58

17- Adding the NavBar

04:41

18- Linking to the MovieForm

04:43

19 - Summary

00:32

1- Introduction

00:39

2- Building a Bootstrap Form

05:35

3- Handling Form Submission

02:01

4- Refs

03:59

5- Controlled Elements

04:33

6- Handling Multiple Inputs

02:50

7- Common Errors

02:29

8- Extracting a Reusable Input

03:58

9- Validation

02:57

10- A Basic Validation Implementation

03:12

11- Displaying Validation Errors

03:43

12- Validation on Change

04:21

13- Joi

04:34

14- Validating a Form Using Joi

04:44

15- Validating a Field Using Joi

05:23

16- Disabling the Submit Button

01:13

17- Code Review

03:15

18- Extracting a Reusable Form

04:52

19- Extracting Helper Rendering Methods

08:19

20- Register Form

01:43

21- Code Review

01:11

22- Exercise 2- Movie Form

03:19

23- Code Review

08:25

24- Exercise 3- Search Movies

01:23

25- Code Review

05:13

1- Introduction

01:14

2- JSON Placeholder

02:56

3- Http Clients

02:58

4- Getting Data

05:27

5- Creating Data

04:53

6- Lifecycle of a Request

02:51

7- Updating Data

04:15

8- Deleting Data

01:36

9- Optimistic vs Pessimistic Updates

04:25

10- Expected vs Unexpected Errors

06:41

11- Handling Unexpected Errors Globally

07:55

12- Extracting a Reusable Http Service

03:44

13- Extracting a Config Module

01:37

14- Displaying Toast Notifications

02:57

15- Logging Errors

05:49

16- Extracting a Logger Service

04:26

17- Vidly Backend

01:51

18- Installing MongoDB on Mac

03:59

19- Installing MongoDB on Windows

05:40

20- Setting Up the Node Backend

02:45

21- Disabling Authentication

04:02

22- Exercise- Connect Movies Page to the Backend

01:57

23- Ading Http and Log Services

02:39

24- Replacing FakeGenreService

03:24

25- Replacing FakeMovieService

05:49

26- Extracting a Config File

01:55

27- Exercise- Connect Movie Form to the Backend

00:57

28- Populating the Form

03:46

29- Refactoring

02:31

30- Saving the Movie

02:42

31- Refactoring

02:37

1 - Introduction

00:50

2- Registering a New User

02:38

3- Submitting the Registration Form

04:31

4- Handling Registration Errors

01:59

5- Logging in a User

01:44

6- Submitting the Login Form

02:25

7- Handling Login Errors

01:52

8- Storing the JWT

03:05

9- Logging in the User upon Registration

05:39

10- JSON Web Tokens (JWT)

04:01

11- Getting the Current User

04:19

12- Displaying the Current User on NavBar

04:49

13- Logging out a User

02:45

14- Refactoring

10:04

15- Calling Protected API Endpoints

04:11

16- Fixing Bi-directional Dependencies

02:44

17- Authorization

06:31

18- Showing or Hiding Elements based on the User

02:41

19- Protecting Routes

02:51

20- Extracting ProtectedRoute

05:56

21- Redirecting after Login

05:41

22- Exercise

00:20

23- Hiding the Delete Column

04:20

1- Introduction

00:39

2- Environment Variables

04:59

3- Production Builds

02:49

4- Getting Started with Heroku

02:07

5- MongoDB in the Cloud

02:37

6- Adding Code to a Git Repository

03:06

7- Deploying to Heroku

03:03

8- Viewing Logs

02:41

9- Setting Environment Variables on Heroku

04:38

10- Preparing the Font-end for Deployment

04:10

11- Deploying the Front-end

02:39

1- Introduction

00:32

3- Setting Up the Development Environment

03:15

4- Higher Order Components

02:06

5- Implementing a Higher Order Component

08:36

6- Hooks

03:08

7- The useState Hook

08:32

8- The useEffect Hook

05:47

9- Custom Hooks

03:05

10- Fetching Data with Hooks

04:38

11- Context

02:11

12- Context in Class Components

09:47

13- Context in Functional Components

03:34

14- Updating the Context

07:07

15- Consuming Multiple Contexts

02:25

顶部