O'Reilly logo
live online training icon Live Online training

Creating Enterprise Applications with React

Take Your React Skills to the Next Level

Topic: Web & Mobile
Andy Olsen

This training will help you take your React knowledge and skills to the next level. The course describes how to make effective use of React APIs, patterns, and best practices to create, test, and deliver large-scale enterprise-ready applications.

Andy Olsen, experienced trainer and author, provides labs so you can follow along and get the experience you need. You will also get full source code and solutions online, plus bonus materials you can take away for additional exploration and added value.

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 training course 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

About your instructor

  • 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.

Schedule

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

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

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

Segment 2: React Techniques (30 min)

  • Understanding built-in hooks
  • Defining custom hooks
  • Event handling techniques
  • Pure components
  • Transforming elements
  • Additional API features
  • Example: Using React techniques effectively

Segment 3: Creating Single-Page Applications using React Router (30 min)

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

Break (5 min)

Segment 4: Managing State using Redux (45 min)

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

Segment 5: Implementing Side Effects using Sagas (45 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 (5 min)

Segment 6: 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 7: 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