Building Applications with React 18 and Redux
Focused View
Cory House
6:38:08
0 View
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
Description
Learn how to use React, Redux, React Router, Jest, React Testing Library, and modern JavaScript to build powerful and fast web applications.
What You'll Learn?
- Learn how to use React Redux, React Router, and modern JavaScript to build powerful and fast React applications from the ground up.
- Use Webpack, Babel, ESLint, npm scripts, Jest, React Testing Library, Enzyme, and more.
- Create a rapid feedback development environment that runs linting and tests, transpiles modern JavaScript, runs a local webserver, opens the application, and reloads changes when you hit save.
- Deploy with a single command.
React is a library with so much power, but so few strong opinions. So building something significant requires a large number of decisions and work to build the foundation.
More details
User Reviews
Rating
average 0
Focused display
Category
Cory House
Instructor's CoursesCory is the principal consultant at reactjsconsulting.com, where he has helped dozens of companies transition to React. Cory has trained over 10,000 software developers at events and businesses worldwide. He is a seven time Microsoft MVP, and speaks regularly at conferences around the world. Cory lives in Kansas City and is active on Twitter as @housecor.
Pluralsight
View courses PluralsightPluralsight, LLC is an American privately held online education company that offers a variety of video training courses for software developers, IT administrators, and creative professionals through its website. Founded in 2004 by Aaron Skonnard, Keith Brown, Fritz Onion, and Bill Williams, the company has its headquarters in Farmington, Utah. As of July 2018, it uses more than 1,400 subject-matter experts as authors, and offers more than 7,000 courses in its catalog. Since first moving its courses online in 2007, the company has expanded, developing a full enterprise platform, and adding skills assessment modules.
- language english
- Training sessions 147
- duration 6:38:08
- level average
- English subtitles has
- Release Date 2024/11/21
