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. Working With Tables in React: Part One

    Working With Tables in React: Part One

    Tutorial Intermediate

    In this two-part series, you will learn about the ins and outs of working with tabular data in React using the React Bootstrap Table component. You'll be...

  2. Dramatically Speed Up Your React Front-End App Using Lazy Loading

    Dramatically Speed Up Your React Front-End App Using Lazy Loading

    Tutorial Advanced

    A constant challenge faced by front-end developers is the performance of our applications. Thankfully, the solution isn't as complicated as it sometimes...

  3. How to Build Serverless GraphQL and REST APIs Using AWS Amplify

    How to Build Serverless GraphQL and REST APIs Using AWS Amplify

    Tutorial Intermediate

    AWS Amplify allows developers to quickly create and connect to powerful services in the cloud. In this post, we’ll go further with React and AWS Amplify,...

  4. How to Build Serverless Web Apps With React and AWS Amplify

    How to Build Serverless Web Apps With React and AWS Amplify

    Tutorial Intermediate

    AWS Amplify allows developers to quickly create and connect to powerful services in the cloud. In this post, we’ll look at how to build fully serverless web...

  5. Testing Components in React Using Jest and Enzyme

    Testing Components in React Using Jest and Enzyme

    Tutorial Beginner

    In this article, I'll show you how to write realistic and practical tests for React components using Enzyme.

  6. Testing Components in React Using Jest: The Basics

    Testing Components in React Using Jest: The Basics

    Tutorial Beginner

    Testing components in React can be easy if you use the right tools and stick to good development practices. This tutorial will teach you how to write unit...

  7. Build a Reusable Design System With React

    Build a Reusable Design System With React

    Tutorial Intermediate

    React has done a lot to simplify web development. React's component-based architecture makes it easy in principle to decompose and reuse code. However, it's...

  8. Introduction to Apollo Client With React for GraphQL

    Introduction to Apollo Client With React for GraphQL

    Tutorial Intermediate

    GraphQL has been getting popular recently and is likely to replace the Rest API. In this tutorial, we will use Apollo Client to communicate with GitHub's...

  9. Single-Page React Applications With the React-Router and React-Transition-Group Modules

    Single-Page React Applications With the React-Router and React-Transition-Group Modules

    Tutorial Intermediate

    This tutorial will walk you through using the react-router and react-transition-group modules to create multi-page React applications with page transition...

  10. 8 Things That Make Jest the Best React Testing Framework

    8 Things That Make Jest the Best React Testing Framework

    Tutorial Intermediate

    Jest is an open JavaScript testing library from Facebook. Its slogan is "Delightful JavaScript Testing". While Jest can be used to test any JavaScript...

  11. Detaching Expo Apps to ExpoKit

    Detaching Expo Apps to ExpoKit

    Tutorial Intermediate

    In this post, you'll learn how to detach an existing Expo app to ExpoKit and set up Android Studio or Xcode to run the app.

  12. Challenge: Create a To-Do List in React

    Challenge: Create a To-Do List in React

    Tutorial Intermediate

    Are you ready to test your knowledge of React? In this video from my course on Modern Web Apps With React and Redux, you'll be challenged to build a basic...