Master React 18 & Redux: Build Powerful Web Apps (2024)
Focused View
6:38:08
01. Course Overview.mp4
01:36
01. Version Check.mp4
00:15
02. Course Outline.mp4
01:55
03. Who Is This Course For-.mp4
01:33
04. How Is This Different from the React and Flux Course-.mp4
01:29
05. Why Redux-.mp4
03:32
06. Summary.mp4
00:29
01. Intro.mp4
02:24
02. Install Node.mp4
00:33
03. Open Initial Exercise Files.mp4
00:47
04. Visual Studio Code Intro.mp4
00:27
05. Prettier Intro.mp4
00:19
06. Configure Prettier.mp4
01:21
07. Review Initial Project Setup.mp4
01:21
08. Create Initial App Structure.mp4
02:19
09. Webpack- Intro.mp4
00:27
10. Webpack- Core Config Settings.mp4
04:07
11. Webpack- Dev Server.mp4
01:34
12. Webpack- Plugins.mp4
00:41
13. Webpack- Loaders.mp4
02:28
14. Babel Intro.mp4
02:37
15. Configure Babel.mp4
01:27
16. Start Webpack via npm Script.mp4
01:49
17. Debugging and Sourcemaps.mp4
00:54
18. Handling EADDRINUSE Error.mp4
00:46
19. ESLint Intro.mp4
00:21
20. Configure ESLint.mp4
05:13
21. Summary.mp4
00:44
01. Intro.mp4
00:49
02. Four Ways to Create React Components.mp4
00:21
03. createClass Component.mp4
00:18
04. Class Component.mp4
00:19
05. Function Component.mp4
00:17
06. Arrow Function Component.mp4
00:44
07. Functional Component Benefits.mp4
02:04
08. When to Use Class vs. Function Components.mp4
01:39
09. Container vs. Presentation Components.mp4
02:53
10. Summary.mp4
00:50
01. Intro.mp4
00:29
02. Create Home Page.mp4
01:30
03. Create About Page.mp4
01:03
04. Configure App Entry Point.mp4
02:13
05. Create App Layout.mp4
02:39
06. Create Header.mp4
03:00
07. Create 404 Page.mp4
02:09
08. Create Course Page.mp4
02:41
09. Summary.mp4
00:23
01. Intro.mp4
00:52
02. Do I Need Redux-.mp4
06:00
03. When Is Redux Helpful-.mp4
01:47
04. Three Core Redux Principles.mp4
01:02
05. Flux vs. Redux.mp4
06:13
06. Redux Flow Overview.mp4
01:48
07. Summary.mp4
00:51
01. Intro.mp4
00:37
02. Actions.mp4
01:18
03. Store.mp4
01:18
04. What Is Immutability-.mp4
07:23
05. Why Immutability-.mp4
03:50
06. Handling Immutability.mp4
01:30
07. Reducers.mp4
05:41
08. Summary.mp4
01:20
01. Intro.mp4
01:07
02. Container vs. Presentational Components.mp4
01:38
03. React-Redux Introduction.mp4
04:23
04. mapStateToProps.mp4
03:15
05. mapDispatchToProps.mp4
03:43
06. A Chat with Redux.mp4
01:29
07. Summary.mp4
01:13
01. Intro.mp4
01:35
02. Create Simple Add Course Form.mp4
03:42
03. Binding in Classes.mp4
03:22
04. Handle Submit.mp4
01:59
05. Create Course Action.mp4
02:28
06. Create Course Reducer and Root Reducer.mp4
06:43
07. Create Store.mp4
05:15
08. Instantiate Store and Provider.mp4
02:38
09. Connect Container Component.mp4
06:55
10. Step through Redux Flow and Try Redux DevTools.mp4
07:32
11. mapDispatchToProps- Manual Mapping.mp4
02:40
12. mapDispatchToProps- bindActionCreators.mp4
02:25
13. mapDispatchToProps- Object Form.mp4
02:22
14. Action Type Constants.mp4
02:55
15. Summary.mp4
00:48
01. Intro.mp4
00:58
02. Why a Mock API-.mp4
02:47
03. Mock API Setup.mp4
08:52
04. Middleware and Async Library Options.mp4
04:08
05. Thunk Introduction.mp4
04:18
06. Remove Inline Manage Course Form.mp4
01:58
07. Add First Thunk.mp4
06:03
08. Handle Loading Courses in Reducer.mp4
00:51
09. Dispatch Actions on Load.mp4
02:10
10. Create CourseList.mp4
03:37
11. Practice Redux Flow - Load and Display Author Data.mp4
11:13
12. Centralize Initial Redux State.mp4
01:36
13. Summary.mp4
01:20
01. Intro.mp4
00:35
02. Create Manage Course Page.mp4
03:00
03. Implement Object Form of mapDispatchToProps.mp4
04:22
04. Configure Routing for ManageCoursePage.mp4
01:52
05. Convert Class Component to Function Component with Hooks.mp4
02:58
06. Create Course Form.mp4
02:08
07. Create Reusable TextInput and SelectInput Components.mp4
01:49
08. Call CourseForm on ManageCoursePage.mp4
06:23
09. Implement Centralized Change Handler.mp4
03:36
10. Add Save Course Thunk and Action Creators.mp4
02:26
11. Handle Creates and Updates in Reducer.mp4
01:44
12. Dispatch Create and Update.mp4
03:22
13. Redirect via React Routers Redirect Component.mp4
02:04
14. Redirect via React Routers History.mp4
01:58
15. Populate Form via mapStateToProps.mp4
08:20
16. Summary.mp4
00:48
01. Intro.mp4
02:45
02. Create Spinner Component.mp4
01:25
03. Create API Status Actions.mp4
05:26
04. Call Begin API in Thunks.mp4
02:33
05. Add Spinner to Course Pages.mp4
04:58
06. Add Form Submission Loading Indicator.mp4
04:13
07. Handle Server-side Validation and API Errors.mp4
07:56
08. Implement Client-side Validation.mp4
02:51
09. Optimistic Deletes.mp4
09:49
10. Async-Await.mp4
02:30
11. Summary.mp4
00:43
01. Intro.mp4
01:11
02. Testing Frameworks and Libraries.mp4
05:25
03. Configure Jest.mp4
03:45
04. Test React with Jest Snapshot Tests.mp4
07:54
05. Test React with Enyzme.mp4
09:44
06. Test React with React Testing Library.mp4
05:17
07. Summary.mp4
00:48
01. Intro.mp4
00:40
02. Overview- Testing Connected React Components.mp4
02:09
03. Testing Connected React Components.mp4
06:25
04. Testing Action Creators.mp4
02:37
05. Testing Thunks.mp4
03:28
06. Testing Reducers.mp4
03:49
07. Testing the Store.mp4
02:30
08. Summary.mp4
00:35
01. Intro.mp4
00:31
02. Production Build Plan Overview.mp4
00:47
03. Set up Production Redux Store.mp4
03:05
04. Set up Webpack.mp4
04:56
05. Set up npm Scripts.mp4
03:12
06. Run Production Build and Review Bundle Content.mp4
01:52
07. Run Production App Locally.mp4
01:05
08. Final Challenges.mp4
02:32
More details
Course Overview
Learn to build robust, scalable web applications using React 18, Redux, and modern JavaScript tools. This comprehensive course guides you through creating powerful applications from setup to deployment, covering essential libraries and best practices for professional development.
What You'll Learn
- Build applications with React 18, Redux, and React Router
- Configure Webpack, Babel, ESLint, and Jest for professional workflows
- Implement testing with React Testing Library and Enzyme
Who This Is For
- JavaScript developers wanting to master React and Redux
- Frontend engineers building scalable applications
- Developers transitioning to modern React ecosystems
Key Benefits
- Complete project setup with rapid feedback development
- Professional-grade tooling and testing configuration
- Production-ready deployment with single command
Curriculum Highlights
- React Component Architectures
- Redux Fundamentals and Async Operations
- Testing React & Redux Applications
Focused display
Category
- language english
- Training sessions 147
- duration 6:38:08
- level average
- English subtitles has
- Release Date 2025/06/08
