[Udemy] Продвинутый React и Redux (Eng)

[Udemy] Продвинутый React и Redux (Eng)

Детализированный разбор продвинутых техник React и Redux - Авторизация, тестирование, миддваре, HOC и деплой приложения

Lectures: 118
Contents: Video: 12 hours
Skill Level: Intermediate Level
Languages: English

Спойлер: Подробнее о курсе

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

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.

Mastering React and Redux can get you a position in web development or help you build that personal project you've been dreaming of. It's a skill that will put you more in demand in the modern web development industry, especially with the release of Redux and ReactNative.

There are dozens of great tutorials online for React and Redux, but none of them teach the challenging, core features of these two fantastic libraries. I created this course to push you beyond "just getting started."

• Learn how to thoroughly test React and Redux code, including tests for action creators and reducers
• Get familiar with Higher Order Components. Don't know what they are? No problem, you have been using them without even knowing it!
• Rewrite a popular Redux Middleware from scratch to handle asynchronous actions
• Become a master of the trickiest topic in Javascript: authentication. You will write a server with enterprise-grade authentication from scratch that can scale to hundreds of thousands of users. No shortcuts, no dummy data.

I have built the course that I would have wanted to take when I was learning React and Redux. A course that explains the concepts and how they're implemented in the best order for you to learn and deeply understand them.


What are the requirements?

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

What am I going to get from this course?

• 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
• Write Redux middleware from scratch to uncover what is happening behind the scenes with Redux
• Set up your own testing environment with Mocha and Chai
• Realize the power of building composable components

What is the target audience?

• Programmers with experience on React and Redux
• NOT for programmers with no previous React/Redux experience!

Спойлер: Содержание

Блок 1: Welcome! Let's Get Started!

Занятие 1: Introduction
Занятие 2: Github Links - Get Source Code Here!
Article

Блок 2: Testing

Занятие 3: Project Setup
Занятие 4: Core Testing - Describe, It, Expect
Purpose of Describe, It, and Expect 3 questions
Занятие 5: A First Spec 12:42
Занятие 6: Test Reporting 04:05
Занятие 7: Feature Mockups 06:09
Занятие 8: Test Structure Setup 06:55
Занятие 9: Comment Box Tests 08:19
Занятие 10: Testing Class Names 07:50
Занятие 11: Using beforeEach to Condense Tests 06:22
Занятие 12: Expecting Child Elements 05:13
Занятие 13: Simulating Events 07:24
Занятие 14: Testing Controlled Components 07:23
Занятие 15: Form Submit Event 07:13
Занятие 16: Stub Comment List 06:00
Занятие 17: Expectations on Content 07:43
Занятие 18: Assertions with Lists 05:42
Занятие 19: Testing Action Creators 09:34
Занятие 20: Action Creator Shortcuts 04:47
Занятие 21: TDD Comments Reducer 12:37
Занятие 22: Spec Failures After Code Change 03:36
Занятие 23: App Review 03:07

Блок 3: Test Environment Setup

Занятие 24: Purpose of Chai and Mocha 05:19
Занятие 25: Test Helper From Scratch 02:43
Занятие 26: JSDom Setup 07:14
Занятие 27: More JSDom Setup 05:28
Занятие 28: TestUtils Library 07:53
Занятие 29: Defining RenderComponent 07:52
Занятие 30: Finishing RenderComponent Helper 05:12
Занятие 31: Simulate Helper 07:09
Занятие 32: Test Helper Review 03:08

Блок 4: Higher Order Components

Занятие 33: What is a Higher Order Component? 03:06
Занятие 34: Connect and Provider 05:49
Занятие 35: Authentication HOC Overview 04:19
Занятие 36: Header Setup 06:54
Занятие 37: React Router Setup 07:36
Занятие 38: Authentication Reducer 07:05
Занятие 39: Action Creator Hookup 08:04
Занятие 40: Authentication Higher Order Component 04:57
Занятие 41: HOC Scaffold Code 09:09
Занятие 42: Nesting Higher Order Components 04:48
Занятие 43: Accessing React Router on Context 05:30
Занятие 44: Class Level Properties 02:12
Занятие 45: Handling HOC Edge Cases 05:03
Занятие 46: Higher Order Components Review 03:05

Блок 5: Middleware

Занятие 47: Middleware Overview 03:26
Занятие 48: App Building Plan 03:50
Занятие 49: Users Reducer 04:14
Занятие 50: Static Users Action Creator 02:15
Занятие 51: Rendering a List of Users 07:32
Занятие 52: CSS Cleanup 04:20
Занятие 53: Pains Without Middleware 07:15
Занятие 54: Middleware Stack 04:43
Занятие 55: Middleware Internals 07:55
Занятие 56: Handling Unrelated Actions 05:17
Занятие 57: Handling Promises 08:05
Занятие 58: Middleware Review 06:50

Блок 6: Server Setup - Authentication

Занятие 59: Introduction to Authentication
Занятие 60: Cookies vs Tokens 04:57
Занятие 61: Scalable Architecture 04:49
Занятие 62: Server Setup 03:45
Занятие 63: More Server Setup 05:41
Занятие 64: Express Middleware 06:29
Занятие 65: Express Route Handler 06:09
Занятие 66: Mongoose Models 10:22
Занятие 67: MongoDB Setup 06:29
Занятие 68: Inspecting the Database 06:19
Занятие 69: Authentication Controller 04:57
Занятие 70: Searching for Users 07:57
Занятие 71: Creating User Records 06:31
Занятие 72: Encrypting Passwords with Bcrypt 08:12
Занятие 73: Salting a Password 06:16
Занятие 74: JWT Overview 04:58
Занятие 75: Creating a JWT 07:13
Занятие 76: Installing Passport 05:50
Занятие 77: Passport Strategies 08:55
Занятие 78: Using Strategies with Passport 04:02
Занятие 79: Making an Authenticated Request 05:55
Занятие 80: Signing in with Local Strategy 05:37
Занятие 81: Purpose of Local Strategy 04:17
Занятие 82: Bcrypt Full Circle 05:08
Занятие 83: Protecting Signin Route 04:12
Занятие 84: Signing Users In 04:04
Занятие 85: Server Review 02:39

Блок 7: Client Side Authentication

Занятие 86: Client Setup 02:28
Занятие 87: App Architecture 05:48
Занятие 88: Component and State Design 07:30
Занятие 89: Header Component 04:17
Занятие 90: Scaffolding the Signin Form 11:03
Занятие 91: Adding Signin Form 05:58
Занятие 92: Action Creator with Many Responsibilities 08:22
Занятие 93: Introducing Redux Thunk 07:10
Занятие 94: Signin Action Creator 10:38
Занятие 95: CORS In a Nutshell 09:13
Занятие 96: Serverside Solution for CORS 06:16
Занятие 97: Programmatic Navigation 07:11
Занятие 98: Updating Auth State 06:29
Занятие 99: Breather and Review 05:39
Занятие 100: LocalStorage and JWT 06:39
Занятие 101: Auth Error Messaging 04:36
Занятие 102: Displaying Errors 04:40
Занятие 103: Header Logic 10:29
Занятие 104: Signout Component 05:32
Занятие 105: Signout Action Creator 04:45
Занятие 106: Signup Component 04:12
Занятие 107: Signup Form Scaffolding 08:02
Занятие 108: Redux Form Validation 04:30
Занятие 109: Implementing Validation Logic 09:28
Занятие 110: More On Validation 05:40
Занятие 111: Signup Action Creator 07:11
Занятие 112: Finish Up Signup 08:55
Занятие 113: Securing Individual Routes 10:21
Занятие 114: Root IndexRoute 02:34
Занятие 115: Automatically Authenticating Users 07:11
Занятие 116: Making Authenticated API Requests 08:01
Занятие 117: Handling Data from Authenticated Requests 05:13
Занятие 118: Authentication Wrapup 03:29

Код:

 https://www.udemy.com/react-redux-tutorial/