O'Reilly logo
live online training icon Live Online training

Getting Started with React.js

Learn the basics of the React.js library

Samer Buna

React.js is a popular frontend JavaScript framework for building modern, interactive web apps. React dominates as the preferred JavaScript framework. In 2018 job listings, React became the first JavaScript library to pass jQuery in job popularity in a decade.

In this live, online training, you’ll be introduced to the different concepts and design principles of a React application such as composition, reactiveness, and abstraction. You’ll learn about creating components, using JSX, working with user events, and reading and updating component states. You’ll finish this course feeling confident and comfortable reading React applications’ code, and ready for your next step to learn more advanced topics about React

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

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

  • creating reusable components
  • jsx
  • rendering cycles
  • props and state
  • events, and
  • data flow

And you’ll be able to:

  • Participants will be able to start building simple React applications

This training course is for you because...

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

Prerequisites

  • Basics of programming, variables, control structure, data structures
  • Basics of JavaScript, syntax and tools
  • Basics of HTML and CSS

Required Downloads

  • A modern browser, Preferably Chrome or Firefox.
  • Node 10.x or higher (check with: node --version)
  • Access to install npm packages (check with: npm i -g eslint)

Assignments prior to the live online training course:

  • Read Chapter 1: Welcome to React from Alex Banks and Eve Porcello’s book Learning React for a background on the methodology we will discuss and use in class.
  • Watch the video Why React from Learning ReactJS by Samer Buna for a background on the methodology we will discuss and use in class.

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 (55 minutes)

  • Lecture and exercise: Executing JavaScript, The DOM API, Modern JavaScript, Why React, React API, developer tools
  • Break (5 minutes)

The Fundamentals of React (55 minutes)

  • Lecture and exercise: React elements, JSX, expression, React components, functional components, class components, props and state, events
  • Break (5 minutes)

Working with Data (50 minutes)

  • Lecture and exercise: State ownership, updating state, sharing data and behavior, customizing components. Handlers.

Wrap-up, and Q&A (10 minutes)