Skip to content
  • Sign In
  • Try Now
View all events

React in 4 Hours

Published by Pearson

Intermediate content levelIntermediate

Kickstart Your React Web Application Development Skills

  • Targeted training to get up and running with React quickly
  • Step-by-step guidance explaining concepts from the ground up
  • Demos and use cases provide real-world examples

React in 4 Hours provides focused training to help you get up and running with React web application development quickly. Learn about the tools needed to create and build React apps and then follow along while experienced author and trainer Andy Olsen shows how to create user interface components using various techniques. There is also an emphasis on how to aggregate components to create composite web pages and how to manage state as the user moves from one component to another.

Real-world demos are included throughout so you can follow along and get the experience you need. Andy will provide full source code and solutions online, plus bonus materials that you can take away for additional exploration and added value.

What you’ll learn and how you can apply it

  • React application structure
  • React components
  • JSX
  • Component state management

And you’ll be able to:

  • Create a React application from first principles
  • Define functional and class-based components
  • Use lifecycle methods and effect hooks
  • Use memoization

This live event is for you because...

  • You’re a front-end developer and you want to start using React to create lean and mean web applications
  • You have experience with another front-end frameworks such as Angular or Vue.js, and you want to learn how React is different


  • Familiarity with ECMAScript 6 or above
  • Experience with HTML and CSS

Course Set-up

Recommended Preparation

Recommended Follow-up


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

Segment 1: Getting Started with React (10 minutes)

  • What is React?
  • Characteristics of React
  • Tooling up
  • React and ECMAScript 6++

Segment 2: Creating a React Web Application (40 minutes)

  • Creating a simple React application
  • Creating multiple React elements
  • Creating a data-driven user interface

Break Length (10 minutes)

Segment 3: Creating Components (50 minutes)

  • Overview of React components
  • Creating class-based components
  • Creating functional components

Break Length (10 minutes)

Segment 4: Creating Elements using JSX (30 minutes)

  • Overview of JSX
  • Understanding JSX syntax
  • JSX gotchas

Segment 5: Properties and State (40 minutes)

  • Specifying types for properties
  • Working with ES6 classes
  • Working with stateless functional components

Break Length (10 minutes)

Segment 6: Component Techniques (40 minutes)

  • Component lifecycle methods
  • Practical use of lifecycle methods
  • Optimizing UI updates
  • Accessing child content in a component

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.