If you’re building React applications for the web, you’re going to need to use a dedicated router to display pages and navigate your user around them.

That’s why today we’re going to go over the most popular and most powerful router for React applications — React Router.

We’re going to go over 11 of the essential features you need to know if you’re using React Router in your projects today, specifically for the web using the package react-router-dom.

Want Your Own Copy?‬ 📄

Click here to download the cheatsheet in PDF format (it takes 5 seconds).

It includes all of the essential information here as…

One of the most important concepts for every React developer is state — what it is, how to properly use it, and to avoid common pitfalls as your build your applications.

Let’s cover five of the most essential parts of state that you need to know, each of which build upon each other to aid your overall understanding of a somewhat complex topic.

To make these abstract concepts as clear as possible, I’ve included many practical examples that you can run in Code Sandbox or any React project you have set up.

Want to become a professional React developer in…

HTML is the language of the web, but creating entire websites with HTML alone can be repetitive and hard to manage.

In this lesson, we’re going to see how to use the JavaScript library React as a way to add convenient and reusability to our websites.

React is a powerful tool for any developer who knows HTML and wants to build more organized and dynamic websites, faster.

Let’s get started!

Want the complete guide to become a professional React developer from start to finish? Check out The React Bootcamp.

Why should I use React instead of HTML?

React arrived in 2013 as a better way to build web…

There are many essential concepts and lessons that React developers need to know that simply aren’t covered in most tutorials.

I have handpicked the topics I believe are some of the most important for you to know, but few articles have dedicated the time to cover in detail.

Let’s take a look at five key React lessons worth knowing which you might not find elsewhere.

Want to learn all the skills you need to become a highly-paid React developer? Check out the React Bootcamp.

1. How React state is actually updated

As a React developer, you know that state can be created and updated with the useState

Developers have spent a great deal of time what React is, but have left out why this topic matters so greatly for anyone who builds React applications.

The answer to this question is essential for any React developer, regardless of their skill level, because it indicates what they must know and how they must work in developing any React application.

Whether you are a new or an advanced React developer already, I hope this thoughtful analysis will improve your own development process as you build your next React project.

Looking for the complete guide to become an in-demand React developer…

How do you make your React applications responsive for any sized device? Let’s see how to do so by making our own custom React hook.

At the top of my React site is a Header component. As I decrease the size of the page, I want to show less links:

Welcome to a tutorial made to help you become effective with React as quickly as possible as you build a complete application along the way.

As compared to many tutorials you might have gone through before, this one is meant to be thoroughly practical from start to finish.

You will learn how to create an entire React application all within around 100 lines of code, which makes use of many of the core concepts of React: hooks, state management, forms, JSX elements, components, props, styling, and conditionals.

And best of all, you will learn all of these concepts while coding…

There are many ways to fetch data from an external API in React, but which one should you be using for your applications in 2021?

In this tutorial, we will be reviewing five of the most commonly used patterns to fetch data with React by making an HTTP request to a REST API.

We will not only cover how to fetch data, but how to best handle loading and error state upon fetching our data.

Let’s get started!

For all of these examples, we will be using an endpoint from the popular JSON Placeholder API, but you can use your…

The package Create React App makes creating and developing React apps a breeze.

It is one of the easiest ways to spin up a new React project and is an ideal choice to use for your own personal projects as well as for serious, large-scale applications.

We’re going to cover, step-by-step, how to use all of the major features of Create React App to quickly and easily build your own React projects.

Throughout this guide, I’ve also included a lot of helpful tips I’ve learned through building apps with Create React App to make your workflow even easier.

Let’s get…

Let’s take a look at five React libraries that serve as a great addition to any React project you’re looking to build in 2021 and beyond.

The libraries I have chosen were selected because not only do they help us build functional and impressive-looking applications, but they also allow us to do so, faster, easier, and with less code.

In this guide I’m going to show you how to get up and running with each of these libraries from scratch and integrate them into your projects today.

Looking to build amazing real-world React projects with the best libraries? …

Reed Barger

React developer who loves to build apps. Showing you how at reedbarger.com

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store