Advanced React and Redux
Focused View
Stephen Grider
20:54:11
49 View
001 Course Resources.html
001 diagrams.zip
002 Join Our Community!.html
001 Required Boilerplate - DO NOT SKIP.html
001 boilerplate.zip
002 Project Generation.mp4
02:05
003 Our First Test.mp4
03:51
004 Introduction to Jest.mp4
03:43
005 App Overview.mp4
02:01
006 Installing Dependencies.mp4
00:45
007 React and Redux Design.mp4
02:44
008 What Do We Test.mp4
04:24
009 Starting from Scratch.mp4
02:48
010 Rendering the App.mp4
04:07
011 Showing Components in the App.mp4
03:16
012 Valid Test File Names.mp4
03:31
013 Test Structure.mp4
03:56
014 Tricking React with JSDOM.mp4
07:52
015 Verifying Component Existence.mp4
04:11
016 Test Expectations.mp4
04:11
017 Limiting Test Knowledge.mp4
06:13
018 Enzyme Setup.mp4
07:25
019 Enzyme Renderers.mp4
06:19
020 Expectations for Component Instances.mp4
07:06
021 Exercise Time!.mp4
01:18
022 Expecting the Comment List.mp4
01:56
023 Absolute Path Imports.mp4
05:00
024 Code Reuse with BeforeEach.mp4
04:25
025 Comment Box Component.mp4
03:16
026 TextArea Implementation.mp4
05:08
027 CommentBox Test File.mp4
03:22
028 Asserting Element Existence.mp4
06:48
029 AfterEach Statements.mp4
04:02
030 Simulating Change Events.mp4
05:15
031 Providing Fake Events.mp4
06:35
032 Forcing Component Updates.mp4
03:55
033 Retrieving Prop Values.mp4
04:19
034 Form Submit Exercise.mp4
02:08
035 Exercise Solution.mp4
06:41
036 Describe Statements.mp4
06:18
037 Redux Setup.mp4
04:30
038 The Provider Tag.mp4
05:00
039 The SaveComment Action Creator.mp4
04:11
040 Bonding React with Redux.mp4
03:57
041 Redux Test Errors.mp4
06:56
042 Adding a Root Component.mp4
07:36
043 Testing Reducers.mp4
05:21
044 Handling Unknown Types.mp4
02:46
045 Testing Action Creators.mp4
05:31
046 Comment List Wireup.mp4
04:34
047 Getting Data Into Redux.mp4
04:55
048 Redux Initial State.mp4
07:51
049 Cheerio Queries.mp4
08:29
050 One More Feature.mp4
03:51
051 Fetching a Remote Resource.mp4
04:37
052 Parsing Comment List.mp4
05:08
053 Integration Tests.mp4
03:31
054 Integration Tests in Action.mp4
03:03
055 Fixing a Broken Test.mp4
02:30
056 Simulating Button Clicks.mp4
03:05
057 Why the Failure.mp4
04:32
058 Faking Requests with Moxios.mp4
05:58
059 The Reason for Failure.mp4
02:47
060 Introducing a Pause.mp4
06:55
061 Moxioss Wait Function.mp4
02:43
062 App Wrapup.mp4
02:02
001 An Introduction to Higher Order Components.mp4
01:43
002 Connect - A Higher Order Component.mp4
01:58
003 App Overview.mp4
04:30
004 Adding React Router.mp4
01:45
005 Adding Routes.mp4
03:34
006 Auth Reducer.mp4
05:04
007 Rendering a Header.mp4
04:05
008 Wiring Up State.mp4
04:18
009 Changing Auth State.mp4
03:48
010 Steps for Building a HOC.mp4
06:29
011 Forced Navigation with React Router.mp4
04:27
012 Creating the HOC.mp4
10:06
013 Placing Reusable Logic.mp4
03:26
014 Passing Through Props.mp4
09:10
001 Introduction to Middlewares.mp4
02:30
002 The Purpose of Redux Promise.mp4
09:04
003 How Async Middlewares Work.mp4
08:33
004 Crazy Middleware Syntax.mp4
08:42
005 Forwarding Actions.mp4
04:06
006 Waiting for Promise Resolution.mp4
05:57
007 Observing the Middleware.mp4
07:02
008 State Validation Middleware.mp4
04:34
009 JSON Schema.mp4
05:13
010 Generating JSON Schema.mp4
04:13
011 Middleware Creation.mp4
06:08
012 Emitting Warnings.mp4
05:52
001 Introduction to Authentication.mp4
04:31
002 Cookies vs Tokens.mp4
04:57
003 Scalable Architecture.mp4
04:49
004 Server Setup.mp4
03:45
005 More Server Setup.mp4
05:41
006 Express Middleware.mp4
06:29
007 Express Route Handler.mp4
06:09
008 Mongoose Models.mp4
10:21
009 MongoDB Setup.mp4
06:29
010 Inspecting the Database.mp4
06:19
011 Authentication Controller.mp4
04:57
012 Searching for Users.mp4
07:57
013 Creating User Records.mp4
06:31
014 Encrypting Passwords with Bcrypt.mp4
08:12
015 Salting a Password.mp4
06:16
016 JWT Overview.mp4
04:58
017 Creating a JWT.mp4
07:13
018 Installing Passport.mp4
05:50
019 Passport Strategies.mp4
08:55
020 Using Strategies with Passport.mp4
04:02
021 Making an Authenticated Request.mp4
05:55
022 Signing in with Local Strategy.mp4
05:37
023 Purpose of Local Strategy.mp4
04:17
024 Bcrypt Full Circle.mp4
05:08
025 Protecting Signin Route.mp4
04:12
026 Signing Users In.mp4
04:04
027 Server Review.mp4
02:39
001 Required Boilerplate - DO NOT SKIP.html
001 client-boilerplate.zip
002 Client Overview.mp4
03:25
003 Lib Installs.mp4
01:49
004 The App Component.mp4
03:51
005 Creating the Header.mp4
06:02
006 Wiring Up React Router.mp4
05:23
007 Scaffolding the Signup Form.mp4
04:37
008 Including Redux.mp4
07:45
009 ReduxForm for Signup.mp4
06:27
010 Handling Form Submission.mp4
05:05
011 Wiring Up Middleware.mp4
02:16
012 Basics of Redux Thunk.mp4
09:20
013 Calling the API.mp4
05:01
014 Code Cleanup with Compose.mp4
05:50
015 CORS in a Nutshell.mp4
11:21
016 Solution to CORS Errors.mp4
05:26
017 Dispatching Actions.mp4
04:04
018 Displaying Auth Errors.mp4
05:16
019 Redirect on Signup.mp4
02:37
020 Feature Component.mp4
02:28
021 The Require Auth HOC.mp4
04:02
022 Reference - HOC Code.html
023 Persisting Login State.mp4
04:54
024 Signing Out a User.mp4
04:20
025 Automatic Sign Out.mp4
02:26
026 The Signin Component.mp4
02:14
027 The Signin Action Creator.mp4
02:35
028 Updating the Header.mp4
03:21
029 Header Styling.mp4
03:09
030 Auth Wrapup.mp4
02:55
001 Note on the Following Lectures.html
002 Note.html
003 Project Setup.mp4
03:29
004 A First Spec.mp4
12:41
005 Core Testing - Describe, It, Expect.mp4
09:39
006 Test Reporting.mp4
04:05
007 Feature Mockups.mp4
06:09
008 Test Structure Setup.mp4
06:55
009 Comment Box Tests.mp4
08:19
010 Testing Class Names.mp4
07:50
011 Using beforeEach to Condense Tests.mp4
06:22
012 Expecting Child Elements.mp4
05:13
013 Simulating Events.mp4
07:24
014 Testing Controlled Components.mp4
07:23
015 Form Submit Event.mp4
07:13
016 Stub Comment List.mp4
06:00
017 Expectations on Content.mp4
07:43
018 Assertions with Lists.mp4
05:42
019 Testing Action Creators.mp4
09:34
020 Action Creator Shortcuts.mp4
04:46
021 TDD Comments Reducer.mp4
12:37
022 Spec Failures After Code Change.mp4
03:36
023 Purpose of Chai and Mocha.mp4
05:19
024 App Review.mp4
03:07
025 Test Helper From Scratch.mp4
02:43
026 JSDom Setup.mp4
07:14
027 More JSDom Setup.mp4
05:28
028 TestUtils Library.mp4
07:53
029 Defining RenderComponent.mp4
07:51
030 Finishing RenderComponent Helper.mp4
05:12
031 Simulate Helper.mp4
07:09
032 Test Helper Review.mp4
03:08
033 What is a Higher Order Component.mp4
03:06
034 Connect and Provider.mp4
05:49
035 Authentication HOC Overview.mp4
04:19
036 Header Setup.mp4
06:54
037 React Router Setup.mp4
07:36
038 Authentication Reducer.mp4
07:05
039 Action Creator Hookup.mp4
08:04
040 Authentication Higher Order Component.mp4
04:56
041 HOC Scaffold Code.mp4
09:09
042 Nesting Higher Order Components.mp4
04:48
043 Accessing React Router on Context.mp4
05:30
044 Class Level Properties.mp4
02:12
045 Handling HOC Edge Cases.mp4
05:02
046 Higher Order Components Review.mp4
03:05
047 Middleware Overview.mp4
03:25
048 App Building Plan.mp4
03:50
049 Users Reducer.mp4
04:14
050 Static Users Action Creator.mp4
02:15
051 Rendering a List of Users.mp4
07:32
052 CSS Cleanup.mp4
04:20
053 Pains Without Middleware.mp4
07:15
054 Middleware Stack.mp4
04:43
055 Middleware Internals.mp4
07:55
056 Handling Unrelated Actions.mp4
05:17
057 Handling Promises.mp4
08:05
058 Middleware Review.mp4
06:49
059 Client Setup.mp4
02:28
060 App Architecture.mp4
05:48
061 Component and State Design.mp4
07:30
062 Header Component.mp4
04:17
063 Scaffolding the Signin Form.mp4
11:03
064 Adding Signin Form.mp4
05:58
065 Action Creator with Many Responsibilities.mp4
08:22
066 Introducing Redux Thunk.mp4
07:10
067 Signin Action Creator.mp4
10:38
068 CORS In a Nutshell.mp4
09:13
069 Serverside Solution for CORS.mp4
06:16
070 Programmatic Navigation.mp4
07:11
071 Updating Auth State.mp4
06:29
072 Breather and Review.mp4
05:39
073 LocalStorage and JWT.mp4
06:39
074 Auth Error Messaging.mp4
04:36
075 Displaying Errors.mp4
04:40
076 Header Logic.mp4
10:29
077 Signout Component.mp4
05:32
078 Signout Action Creator.mp4
04:45
079 Signup Component.mp4
04:12
080 Signup Form Scaffolding.mp4
08:02
081 Redux Form Validation.mp4
04:30
082 Implementing Validation Logic.mp4
09:28
083 More On Validation.mp4
05:40
084 Signup Action Creator.mp4
07:11
085 Finish Up Signup.mp4
08:55
086 Securing Individual Routes.mp4
10:21
087 Root IndexRoute.mp4
02:34
088 Automatically Authenticating Users.mp4
07:11
089 Making Authenticated API Requests.mp4
08:01
090 Handling Data from Authenticated Requests.mp4
05:13
091 Authentication Wrapup.mp4
03:29
001 Bonus!.html
Description
Walkthroughs on advanced React v16.6.3 and Redux v4.0.0 - Authentication, Testing, Middlewares, HOC's, and Deployment
What You'll 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
- Write Redux middleware from scratch to uncover what is happening behind the scenes with Redux
- Set up your own testing environment with Jest and Enzyme
- Realize the power of building composable components
Who is this for?
What You Need to Know?
More details
DescriptionKnowledge 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.
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.
Who this course is for:
- Programmers with experience on React and Redux
- NOT for programmers with no previous React/Redux experience!
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.
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.
Who this course is for:
- Programmers with experience on React and Redux
- NOT for programmers with no previous React/Redux experience!
User Reviews
Rating
average 0
Focused display
Category
Stephen Grider
Instructor's CoursesStephen Grider has been building complex Javascript front ends for top corporations in the San Francisco Bay Area. With an innate ability to simplify complex topics, Stephen has been mentoring engineers beginning their careers in software development for years, and has now expanded that experience onto Udemy, authoring the highest rated React course. He teaches on Udemy to share the knowledge he has gained with other software engineers. Invest in yourself by learning from Stephen's published courses.
Udemy
View courses UdemyStudents take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.
- language english
- Training sessions 231
- duration 20:54:11
- English subtitles has
- Release Date 2023/10/01
