Building Enterprise Apps with React
Published by Pearson
Best Practices for Managing Complexity in React Applications
- Thorough coverage of latest React techniques
- Extensive examples that reinforce best practice
- Step-by-step in-depth explanations of complex React APIs and capabilities
This training will help you take your React knowledge and skills to the next level. Learn how to make effective use of React APIs, patterns, and best practices to create, test, and deliver large-scale enterprise-ready applications. Learn how to create applications with TypeScript, how to create single-page applications and routing, how to use Redux and Sagas to manage state and asynchrony, and how to test React applications.
Andy Olsen, experienced trainer and author, provides labs throughout so you can follow along and get the experience you need. You will also get access to all of the source code and solutions, as well bonus materials you can take away for additional exploration and added value.
What you’ll learn and how you can apply it
- Enterprise-scale React development
- Latest React routing techniques
- Effective use of TypeScript
And you’ll be able to:
- Implement Single-Page Applications
- Use React Redux to manage application-wide state
- Use Redux Saga to implement asynchrony
- Test React code
This live event is for you because...
- You have some experience creating Web applications using React, and you're ready to take your React knowledge to the next level.
Prerequisites
- Familiarity with ECMAScript 6 and/or TypeScript
- Familiarity with creating simple React applications
Course Set-up
- Node.js, downloadable from https://nodejs.org/en/
Recommended Preparation
- Attend: React in 4 Hours by Andy Olsen
- Watch: ReactJS Fundamentals, 3rd Edition by Charlie Crawford
Recommended Follow-up
- Watch: Full Stack React with Spring Boot by Andy Olsen
Schedule
The time frames are only estimates and may vary according to how the class is progressing.
Segment 1: Creating React Applications using TypeScript (50 minutes)
- Recap essential TypeScript syntax
- Creating a React application using TypeScript and Webpack
- Running the application
Break Length (10 minutes)
Segment 2: Single-Page Applications and Routing (60 minutes)
- Getting started with SPAs and routing
- Parameterized routes
- Nested routes
- Descendant routes
- Example: SPA and React Router
Break Length (10 minutes)
Segment 3: Managing State using Redux (60 minutes)
- Redux essential concepts
- State, actions, and reducers
- Defining slices using Redux Toolkit
- Using React Redux
- Example: Creating a stateful application using React
Break Length (10 minutes)
Segment 4: Implementing Side Effects using Sagas (60 minutes)
- The need for sagas
- ES6 generator functions
- Configuring Saga middleware
- Implementing watcher and worker sagas
- Dispatching actions
- Asynchrony and parallelization techniques
- Example: Saga techniques and patterns
Break Length (10 minutes)
Segment 5: Testing (25 minutes)
- The testing environment
- Importing jest-dom custom matchers
- Writing tests in a React app
- Reviewing the test code
- Running the tests
Course wrap-up and next steps (5 minutes)
Your Instructor
Andy Olsen
Andy Olsen is a freelance consultant, instructor, and developer with more than 30 years of experience in IT. Andy began his professional career as a C/C++ developer and has also worked in Rust, Go, and other languages as the years passed. Andy is actively involved in a wide range of technologies including full-stack development, cloud native applications, data science, and more. Andy is passionate about technology education and runs training courses around the world across diverse market sectors.