Advanced React and Redux

Course level: All Levels

Categories Development
Total Enrolled 0
Last Update February 5, 2022

About Course

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

Description

1. Client Overview.mp4

Knowledge of React + Redux is 100% required! If you are familiar with reducers and action creators you will be fine.

Course includes content specific to React v16.6.3 and Redux v4.0.1! For React v14, start with the section titled “Testing with React v14”

This is the tutorial you’ve been looking for to take your React and Redux skills to the next level.

Authentication with Express/Mongo? Yes! Middleware/Higher Order Components? We got it. Testing with Mocha/Chai? It’s here!

This course wastes no time diving right into interesting topics, and teaches you the core knowledge you need to deeply understand and build React components and structure applications with Redux

What Will I Learn?

Build a scaleable API with authentication using Express, Mongo, and Passport
Learn the differences between cookie-based and token-based authentication
Figure out what a Higher Order Component and how to use it to write dramatically less code

Topics for this course

216 Lessons

1. Welcome! Let’s Get Started!

1. Introduction00:00:00

2. Testing

3. Higher Order Components

4. MIddlewares with Redux

5. Server Setup – Authentication

6. Client Side Auth

7. Testing With React v14

2. Project Setup00:00:00

3. A First Spec00:00:00

4. Core Testing – Describe, It, Expect00:00:00

6. Test Reporting00:00:00

8. Feature Mockups00:00:00

9. Test Structure Setup00:00:00

10. Comment Box Tests00:00:00

11. Testing Class Names00:00:00

12. Using beforeEach to Condense Tests00:00:00

13. Expecting Child Elements00:00:00

14. Simulating Events00:00:00

15. Testing Controlled Components00:00:00

16. Form Submit Event00:00:00

17. Stub Comment List00:00:00

18. Expectations on Content00:00:00

19. Assertions with Lists00:00:00

20. Testing Action Creators00:00:00

21. Action Creator Shortcuts00:00:00

22. TDD Comments Reducer00:00:00

23. Spec Failures After Code Change00:00:00

24. App Review00:00:00

8. Test Environment Setup with React v14

10. Middleware with React v14

11. Client Side Authentication with React v14

€159.95

Requirements

Solid understanding of React
Intermediate understanding of Redux; you should have knowledge of reducers, actions, and action creators

Advanced React and Redux

About Course

Description

What Will I Learn?

Topics for this course

1. Welcome! Let’s Get Started!

1. Introduction00:00:00

2. Testing

2. Project Generation00:00:00

3. Our First Test00:00:00

4. Introduction to Jest00:00:00

5. App Overview00:00:00

6. Installing Dependencies00:00:00

7. React and Redux Design00:00:00

8. What Do We Test00:00:00

9. Starting from Scratch00:00:00

10. Rendering the App00:00:00

11. Showing Components in the App00:00:00

12. Valid Test File Names00:00:00

13. Test Structure00:00:00

14. Tricking React with JSDOM00:00:00

15. Verifying Component Existence00:00:00

16. Test Expectations00:00:00

17. Limiting Test Knowledge00:00:00

18. Enzyme Setup00:00:00

19. Enzyme Renderers00:00:00

20. Expectations for Component Instances00:00:00

21. Exercise Time!00:00:00

22. Expecting the Comment List00:00:00

24. Absolute Path Imports00:00:00

25. Code Reuse with BeforeEach00:00:00

26. Comment Box Component00:00:00

27. TextArea Implementation00:00:00

28. CommentBox Test File00:00:00

30. Asserting Element Existence00:00:00

31. AfterEach Statements00:00:00

32. Simulating Change Events00:00:00

33. Providing Fake Events00:00:00

34. Forcing Component Updates00:00:00

35. Retrieving Prop Values00:00:00

36. Form Submit Exercise00:00:00

37. Exercise Solution00:00:00

38. Describe Statements00:00:00

39. Redux Setup00:00:00

40. The Provider Tag00:00:00

41. The SaveComment Action Creator00:00:00

42. Bonding React with Redux00:00:00

43. Redux Test Errors00:00:00

44. Adding a Root Component00:00:00

45. Testing Reducers00:00:00

46. Handling Unknown Types00:00:00

47. Testing Action Creators00:00:00

48. Comment List Wireup00:00:00

49. Getting Data Into Redux00:00:00

50. Redux Initial State00:00:00

51. Cheerio Queries00:00:00

52. One More Feature00:00:00

53. Fetching a Remote Resource00:00:00

54. Parsing Comment List00:00:00

55. Integration Tests00:00:00

56. Integration Tests in Action00:00:00

57. Fixing a Broken Test00:00:00

58. Simulating Button Clicks00:00:00

59. Why the Failure00:00:00

60. Faking Requests with Moxios00:00:00

61. The Reason for Failure00:00:00

62. Introducing a Pause00:00:00

63. Moxios’s Wait Function00:00:00

64. App Wrapup00:00:00

3. Higher Order Components

1. An Introduction to Higher Order Components00:00:00

2. Connect – A Higher Order Component00:00:00

3. App Overview00:00:00

4. Adding React Router00:00:00

5. Adding Routes00:00:00

6. Auth Reducer00:00:00

7. Rendering a Header00:00:00

8. Wiring Up State00:00:00

9. Changing Auth State00:00:00

10. Steps for Building a HOC00:00:00