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. Detaching Expo Apps to ExpoKit: Concepts

    Detaching Expo Apps to ExpoKit: Concepts

    Tutorial Intermediate

    In this post, you'll learn what ExpoKit is and how it is used for adding native functionality to Expo apps. You'll also learn some of its pros and cons.

  2. A Gentle Introduction to Higher-Order Components in React: Best Practices

    A Gentle Introduction to Higher-Order Components in React: Best Practices

    Tutorial Beginner

    This tutorial talks about best practices and important things to consider when writing higher-order components.

  3. A Gentle Introduction to HOC in React: Learn by Example

    A Gentle Introduction to HOC in React: Learn by Example

    Tutorial Beginner

    This is the second part of the higher-order component series. Today we'll be having a look at different practical examples and implementations of HOCs.

  4. A Gentle Introduction to Higher-Order Components in React

    A Gentle Introduction to Higher-Order Components in React

    Tutorial Beginner

    Higher-order components are patterns useful for sharing code between components in React. Although they are considered an advanced technique, this tutorial...

  5. Mastering the React Lifecycle Methods

    Mastering the React Lifecycle Methods

    Tutorial Intermediate

    Learn about the lifecycle of a React component from cradle to grave, what methods are available at each stage, and when it's appropriate to override them.

  6. 6 Cutting-Edge React Courses

    6 Cutting-Edge React Courses

    Tutorial Beginner

    React is a popular JavaScript library for building user interfaces. Here are six courses that will get you up to speed with the latest in React development.

  7. Tools for React Native Development

    Tools for React Native Development

    Tutorial Beginner

    In this article, I'll walk you through some of the tools that can help you become more productive when working with React Native projects.

  8. Creating a Blogging App Using React, Part 6: Tags

    Creating a Blogging App Using React, Part 6: Tags

    Tutorial Intermediate

    Last time, you saw how to implement the profile page feature for the React blog application. Today, you'll see how to implement tags for the blog posts.

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

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

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

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