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 content:

  1. React Crash Course for Beginners, Part 4

    React Crash Course for Beginners, Part 4

    Tutorial Beginner

    In part four, and the last tutorial in this series, we'll learn how to manually add a movie to our gallery via a custom form.

  2. React Crash Course for Beginners, Part 3

    React Crash Course for Beginners, Part 3

    Tutorial Beginner

    In part three we add a custom component, introduce state into our app, and load movies into our gallery via two separate methods.

  3. React Crash Course for Beginners, Part 1

    React Crash Course for Beginners, Part 1

    Tutorial Intermediate

    In this four-part tutorial series we'll be learning about the most important features of React as we build our very own movie gallery app!

  4. Set Up a React Environment, Part 2

    Set Up a React Environment, Part 2

    Tutorial Intermediate

    Learn how to use CodePen, an online code editor, to set up a React environment. This lets you quickly get started coding React apps with minimal setup.

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

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

  7. Five Practical Examples to Learn React

    Five Practical Examples to Learn React

    Course Beginner

    React is one of the most popular web frameworks. And let's be honest: there are lots of tutorials and articles out there to help you get started with React....

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

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

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

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

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