Advanced React and Redux (2022)

About Course

Walkthroughs on advanced React v16.6.3 and Redux v4.0.0 - Authentication, Testing, Middlewares, HOC's, and Deployment

Categories Development

Course Curriculum

1. Welcome! Let’s Get Started!

1. Introduction

00:00

2. Testing

2. Project Generation

00:00
3. Our First Test

00:00
4. Introduction to Jest

00:00
5. App Overview

00:00
6. Installing Dependencies

00:00
7. React and Redux Design

00:00
8. What Do We Test

00:00
9. Starting from Scratch

00:00
10. Rendering the App

00:00
11. Showing Components in the App

00:00
12. Valid Test File Names

00:00
13. Test Structure

00:00
14. Tricking React with JSDOM

00:00
15. Verifying Component Existence

00:00
16. Test Expectations

00:00
17. Limiting Test Knowledge

00:00
18. Enzyme Setup

00:00
19. Enzyme Renderers

00:00
20. Expectations for Component Instances

00:00
21. Exercise Time!

00:00
22. Expecting the Comment List

00:00
24. Absolute Path Imports

00:00
25. Code Reuse with BeforeEach

00:00
26. Comment Box Component

00:00
27. TextArea Implementation

00:00
28. CommentBox Test File

00:00
30. Asserting Element Existence

00:00
31. AfterEach Statements

00:00
32. Simulating Change Events

00:00
33. Providing Fake Events

00:00
34. Forcing Component Updates

00:00
35. Retrieving Prop Values

00:00
36. Form Submit Exercise

00:00
37. Exercise Solution

00:00
38. Describe Statements

00:00
39. Redux Setup

00:00
40. The Provider Tag

00:00
41. The SaveComment Action Creator

00:00
42. Bonding React with Redux

00:00
43. Redux Test Errors

00:00
44. Adding a Root Component

00:00
45. Testing Reducers

00:00
46. Handling Unknown Types

00:00
47. Testing Action Creators

00:00
48. Comment List Wireup

00:00
49. Getting Data Into Redux

00:00
50. Redux Initial State

00:00
51. Cheerio Queries

00:00
52. One More Feature

00:00
53. Fetching a Remote Resource

00:00
54. Parsing Comment List

00:00
55. Integration Tests

00:00
56. Integration Tests in Action

00:00
57. Fixing a Broken Test

00:00
58. Simulating Button Clicks

00:00
59. Why the Failure

00:00
60. Faking Requests with Moxios

00:00
61. The Reason for Failure

00:00
62. Introducing a Pause

00:00
63. Moxios’s Wait Function

00:00
64. App Wrapup

00:00

3. Higher Order Components

1. An Introduction to Higher Order Components

00:00
2. Connect – A Higher Order Component

00:00
3. App Overview

00:00
4. Adding React Router

00:00
5. Adding Routes

00:00
6. Auth Reducer

00:00
7. Rendering a Header

00:00
8. Wiring Up State

00:00
9. Changing Auth State

00:00
10. Steps for Building a HOC

00:00
11. Forced Navigation with React Router

00:00
12. Creating the HOC

00:00
13. Placing Reusable Logic

00:00
14. Passing Through Props

00:00

4. MIddlewares with Redux

1. Introduction to Middlewares

00:00
2. The Purpose of Redux Promise

00:00
3. How Async Middlewares Work

00:00
4. Crazy Middleware Syntax

00:00
5. Forwarding Actions

00:00
6. Waiting for Promise Resolution

00:00
7. Observing the Middleware

00:00
8. State Validation Middleware

00:00
9. JSON Schema

00:00
10. Generating JSON Schema

00:00
11. Middleware Creation

00:00
12. Emitting Warnings

00:00

€159.95

Course Details

Level: All Levels

Duration: 0

Enrolled:0

Last Updated:February 8, 2022

Advanced React and Redux (2022)

About Course

Course Curriculum

1. Welcome! Let’s Get Started!

1. Introduction

2. Testing

2. Project Generation

3. Our First Test

4. Introduction to Jest

5. App Overview

6. Installing Dependencies

7. React and Redux Design

8. What Do We Test

9. Starting from Scratch

10. Rendering the App

11. Showing Components in the App

12. Valid Test File Names

13. Test Structure

14. Tricking React with JSDOM

15. Verifying Component Existence

16. Test Expectations

17. Limiting Test Knowledge

18. Enzyme Setup

19. Enzyme Renderers

20. Expectations for Component Instances

21. Exercise Time!

22. Expecting the Comment List

24. Absolute Path Imports

25. Code Reuse with BeforeEach

26. Comment Box Component

27. TextArea Implementation

28. CommentBox Test File

30. Asserting Element Existence

31. AfterEach Statements

32. Simulating Change Events

33. Providing Fake Events

34. Forcing Component Updates

35. Retrieving Prop Values

36. Form Submit Exercise

37. Exercise Solution

38. Describe Statements

39. Redux Setup

40. The Provider Tag

41. The SaveComment Action Creator

42. Bonding React with Redux

43. Redux Test Errors

44. Adding a Root Component

45. Testing Reducers

46. Handling Unknown Types

47. Testing Action Creators

48. Comment List Wireup

49. Getting Data Into Redux

50. Redux Initial State

51. Cheerio Queries

52. One More Feature

53. Fetching a Remote Resource

54. Parsing Comment List

55. Integration Tests

56. Integration Tests in Action

57. Fixing a Broken Test

58. Simulating Button Clicks

59. Why the Failure

60. Faking Requests with Moxios

61. The Reason for Failure

62. Introducing a Pause

63. Moxios’s Wait Function

64. App Wrapup

3. Higher Order Components

1. An Introduction to Higher Order Components

2. Connect – A Higher Order Component

3. App Overview

4. Adding React Router

5. Adding Routes

6. Auth Reducer

7. Rendering a Header

8. Wiring Up State

9. Changing Auth State

10. Steps for Building a HOC

11. Forced Navigation with React Router

12. Creating the HOC