Skip to content
O'Reilly home
React

Building Enterprise Apps with React

Published by Pearson

Best Practices for Managing Complexity in React Applications

December 15, 2021

3:00 p.m. - 8:00 p.m. Coordinated Universal Time

191 spots available

Sign up for a free trial!

or sign in.

Registration closes December 14, 2021 11:00 p.m. Coordinated Universal Time

What you’ll learn and how you can apply it

  • Creating React applications using TypeScript and Webpack
  • Using React APIs and techniques effectively
  • Creating single-page applications using React Router
  • Managing state using Redux
  • Implementing side-effects using Saga
  • Testing React applications thoroughly
  • Utilizing Server-Side Rendering

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

Recommended Preparation

Recommended Follow-up

  • Live Training: Full-Stack React: Build and Publish a Modern Web Application by Shaun Wassell – search the O'Reilly platform for an upcoming session

Schedule

The timeframes are only estimates and may vary according to how the class is progressing.

Segment 1: Creating React Applications using TypeScript (30 min)

  • Recap essential TypeScript syntax
  • Creating a React application using TypeScript and Webpack
  • Running the application

Segment 2: Creating Single-Page Applications using React Router (60 min)

  • Defining simple routes
  • Nested routes
  • Parameterized routes- Example: SPA and React Router

Break (10 min)

Segment 3: Managing State using Redux (60 min)

  • Redux essential concepts
  • State, actions, and reducers
  • Managing stores and subscriptions
  • Middleware
  • Using React Redux
  • Example: Creating a stateful application using React

Break (10 min)

Segment 4: Implementing Side Effects using Sagas (60 min)

  • The need for sagas
  • Recap ES6 generator functions
  • Implementing a simple saga
  • Saga helpers and effects
  • Dispatching actions
  • Asynchrony and parallelization techniques
  • Using channels
  • Example: Saga techniques and patterns

Break (10 min)

Segment 5: Testing (30 min)

  • Using ESLint
  • Using Jest
  • Testing reducers
  • Testing Redux stores
  • Testing components
  • Code coverage
  • Mocking techniques
  • End-to-end testing
  • Example: Testing an application in practice

Segment 6: Server-Side Rendering (30 min)

  • Server-Side Rendering (SSR) concepts and benefits
  • Implementing a simple server
  • SSR and component rendering
  • SSR and Redux
  • SSR and data fetching
  • Example: Converting an application to use SSR

Course wrap-up and next steps

Your Instructor

  • Andy Olsen

    Andy 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 morphed into Java, C#, and other languages as the years and decades passed by. 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.

Start your free 10-day trial

Get started

Want to learn more at events like these?

Get full access to O'Reilly online learning for 10 days—free.

  • checkmark50k+ videos, live online training, learning paths, books, and more.
  • checkmarkBuild playlists of content to share with friends and colleagues.
  • checkmarkLearn anywhere with our iOS and Android apps.
Start Free TrialNo credit card required.