O'Reilly logo
live online training icon Live Online training

Getting Started with React.js

Learn the basics of the React library

Samer Buna

React is a popular frontend JavaScript framework for building modern, interactive web apps. Join expert Samer Buna to explore React's fundamental concepts and design principles, including composition, reactiveness, and abstraction. You’ll learn about creating components, using JSX, working with user events, and reading and updating component states.

What you'll learn-and how you can apply it

By the end of this live, online course, you’ll understand:

  • React basic concepts, including creating reusable components, JSX, rendering cycles, props and state, events, and data flow

And you’ll be able to:

  • Build simple React applications

This training course is for you because...

  • You're a beginner developer with some JavaScript experience, and you want to explore the React library.
  • You're a beginner developer working with another frontend framework, and you want to learn how to use React.

Prerequisites

  • A basic understanding of programming (variables, control structure, data structures, etc.)
  • A working knowledge of JavaScript syntax and tools, HTML, and CSS

Recommended preparation:

Materials or downloads needed in advance:

  • A machine with a modern browser and Node 8.9.4 or later installed

About your instructor

  • Samer Buna has over 20 years of experience in software development, during which he has worked on web and mobile applications development, API design, functional programming, optimization, system administration, database management, and scalability. Samer is the author of several technical books and online courses on topics such as Node.js, React, and GraphQL. You can follow his latest work over at jsComplete.com and EdgeCoders.com.

Schedule

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

Getting started with React (50 minutes)

  • Lecture and exercises: Executing JavaScript; the DOM API; modern JavaScript; why React?; the React API; developer tools

Break (10 minutes)

The fundamentals of React (50 minutes)

  • Lecture and exercises: React elements; JSX; expressions; React components; functional components; class components; props and state; events

Break (10 minutes)

Working with data (50 minutes)

  • Lecture and exercises: State ownership; updating state; sharing data and behavior; customizing components; handlers

Quiz, wrap-up, and Q&A (10 minutes)