Learn React

Build scalable and reusable UI components for web apps with React. Work your way through these in-depth tutorials to master this powerful JavaScript library.

All React tutorials:

  1. Set Up a React Environment, Part 1

    Set Up a React Environment, Part 1

    Tutorial Intermediate

    In this four-part tutorial series we learn how to set up React in multiple ways, ranging from very simple to more complex manual configuration methods.

  2. How to Create a Real-Time Feed Using Phoenix and React

    How to Create a Real-Time Feed Using Phoenix and React

    Tutorial Intermediate

    Learn to build an application showcasing how you can use the power of React to create real-time applications with a back-end API powered by Phoenix.

  3. Creating a Blogging App Using React, Part 5: Profile Page

    Creating a Blogging App Using React, Part 5: Profile Page

    Tutorial Intermediate

    In this tutorial series, you're learning to create a React blog application. In this tutorial, you'll implement the profile page for the blog.

  4. Getting Started With the Flux Architecture in React

    Getting Started With the Flux Architecture in React

    Tutorial Intermediate

    In this tutorial, you will learn about Facebook’s Flux architecture and how it’s used to handle the data flow in React-based applications.

  5. Creating a Blogging App Using React, Part 4: Update & Delete Posts

    Creating a Blogging App Using React, Part 4: Update & Delete Posts

    Tutorial Intermediate

    In the last part of the series, you saw how to add and display posts. Today, you'll implement the functionality to update and delete blog posts in React.

  6. Unit Testing in React: Shallow vs. Static Testing

    Unit Testing in React: Shallow vs. Static Testing

    Tutorial Beginner

    In this video tutorial, we’ll look at the difference between shallow rendering and static rendering when unit testing React components, and how to use them.

  7. Creating a Blogging App Using React, Part 1: User Sign-In

    Creating a Blogging App Using React, Part 1: User Sign-In

    Tutorial Intermediate

    In this tutorial, you'll see how to implement the user interface and back end for user registration and user sign-in for a React blogging app.

  8. Using Create React App

    Using Create React App

    Tutorial Beginner

    React has quickly become a popular framework for creating both client-side and server-side views. The create-react-app was created to jump start React...

  9. How to Handle Routing in React

    How to Handle Routing in React

    Tutorial Beginner

    In one of my earlier tutorials, we saw how to get started with React and JSX. In this tutorial, we'll see how to get started with setting up and creating a...

  10. Getting Started With React and JSX

    Getting Started With React and JSX

    Tutorial Beginner

    In this tutorial, we'll have a look at how to get started with creating a React app and try to understand the basics of JSX. The tutorial assumes that you...

  11. New Coffee Break Course on React Router

    New Coffee Break Course on React Router

    Tutorial Beginner

    In our new Coffee Break Course, you'll learn about the underlying concepts of React Router. By following along as Pavan Podila adds routing to a sample...

  12. How to Use the react-redux Package

    How to Use the react-redux Package

    Tutorial Beginner

    In this video from my course on Modern Web Apps With React and Redux, I'll show you how to use the `react-redux` package. It’s a best practice in Redux...