Reed Barger

@reedbarger

417 Points

8 Followers

24 Posts

Joined April 9th, 2021

React developer who loves to make incredible apps. Showing you how at ReactBootcamp.com

Reed Barger

1 day ago

View Post

What Is "Lifting State Up" in React?

Here is a simple, practical example of what the React concept of "lifting state up" is and how it can help you in building your applications. Lifting state up is a common pattern that is essential for React developers to know, because it helps us avoid more complex (and often unnecessary) patterns for managing our stat...
What Is "Lifting State Up" in React?
1
Select One:

Reed Barger

2 days ago

View Post

5 Ways to Fetch Data in React from a GraphQL API

Let's go through the five best ways that you can fetch data with React from a GraphQL API. While there are a couple of popular libraries which are made to interact with GraphQL APIs from a React application, there are many different ways to fetch data with GraphQL. I've included code samples that show you how to fetch or "q...
5 Ways to Fetch Data in React from a GraphQL API
3
Select One:

Reed Barger

2 weeks ago

View Post

How to Auto-Deploy Your React Apps with Cloudflare Pages

In this article, I'm going to show you how to very quickly deploy any React application with the help of Cloudflare pages. You'll see how to not only build and deploy your app within minutes using just a few tools, but also how to auto-deploy any future changes you make through your Github account. Want to make your own amazing...
How to Auto-Deploy Your React Apps with Cloudflare Pages
6
Select One:

Reed Barger

2 weeks ago

View Post

How (and Why) You Should Post on DevDojo Today

Today I want to share a great new developer community that you can use to share your blog posts and knowledge that you want to make available to others. This community is called DevDojo. I want to share it with you because I believe it has everything blogging sites like Dev and Hashnode have, plus many more features that can acc...
How (and Why) You Should Post on DevDojo Today
9
Select One:

Reed Barger

2 weeks ago

View Post

The React Router Cheatsheet: Everything You Should Know

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 nee...
The React Router Cheatsheet: Everything You Should Know
8
Select One:

Reed Barger

3 weeks ago

View Post

5 Things Every React Developer Should Know About State

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...
5 Things Every React Developer Should Know About State
5
Select One:

Reed Barger

3 weeks ago

View Post

5 Key Lessons React Tutorials Don't Teach

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 knowi...
5 Key Lessons React Tutorials Don't Teach
6
Select One:

Reed Barger

3 weeks ago

View Post

Is React a Library or a Framework? Why It Matters

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 a...
Is React a Library or a Framework? Why It Matters
8
Select One:

Reed Barger

3 weeks ago

View Post

The React Tutorial for 2021: A Complete Guide

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...
The React Tutorial for 2021: A Complete Guide
8
Select One:

Reed Barger

4 weeks ago

View Post

How to Fetch Data in React: Cheatsheet + Examples

πŸ“£ This post originally appeared on ReedBarger.com. 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 w...
How to Fetch Data in React: Cheatsheet + Examples
1
Select One:

Reed Barger

4 weeks ago

View Post

How To Build a React Project with Create React App in 10 Steps

πŸ“£ This post originally appeared on ReedBarger.com. 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-...
How To Build a React Project with Create React App in 10 Steps
1
Select One:

Reed Barger

4 weeks ago

View Post

The React Roadmap 🏁 10 Steps to Become a React Developer in 2021

Learning how to become a confident React developer takes hard work, but not knowing the right way to become one can make it much harder. Learning React doesn't have to be a chore. Let's break down the 10 steps that will make your time and effort becoming a React developer easier and more fun. All while delivering consistent, car...
The React Roadmap 🏁 10 Steps to Become a React Developer in 2021
9
Select One:

Reed Barger

4 weeks ago

View Post

How To Learn React in 2021: The 7 Skills You Need To Know

You want to learn Reactβ€”the most in-demand JavaScript library in the world. But what steps do you need to take to get there? Let's walk through the seven skills you should learn to become a professional React developer. As you're piecing together your React learning path, it's easy to feel overwhelmed and say, "It's impossi...
How To Learn React in 2021: The 7 Skills You Need To Know
1
Select One:

Reed Barger

4 weeks ago

View Post

The React Cheatsheet for 2021‬ πŸ“„ (+ Real-World Examples)

I have put together a comprehensive visual cheatsheet to help you master all the major concepts and features of the React library in 2021. I created this cheatsheet to help you optimize your React learning in the shortest amount of time. It includes tons of practical examples to illustrate every feature of the library using patt...
The React Cheatsheet for 2021‬ πŸ“„ (+ Real-World Examples)
1
Select One:

Reed Barger

4 weeks ago

View Post

5 React Shortcuts That Will Instantly Boost Your Productivity

To become a better React developer, you don't always have to learn an entirely new, challenging skill. You can instantly improve your React code in a few minutes by using the powerful features your development tools make available. Some of the biggest improvements in your work as React developer take the smallest amount of time...
5 React Shortcuts That Will Instantly Boost Your Productivity
1
Select One:

Reed Barger

4 weeks ago

View Post

7 React Projects You Should Build in 2021

React is a JavaScript library that is ideal for creating impressive apps. There are countless projects that you can make with React, but here are seven that are on my list to build in 2021. Why have I selected these seven projects in particular? I picked them because they build off of one another. They require you to know simila...
7 React Projects You Should Build in 2021
1
Select One:

Reed Barger

4 weeks ago

View Post

The 7 JavaScript Skills You Need For React (+ Practical Examples)

One of the most important things to understand about React is that it is fundamentally JavaScript. This means that the better you are at JavaScript, the more successful you will be with React. Let's break down the 7 essential concepts that you should know about JavaScript to master React. And when I say these concepts are essent...
The 7 JavaScript Skills You Need For React (+ Practical Examples)
1
Select One:

Reed Barger

4 weeks ago

View Post

React Props Cheatsheet: 10 Patterns You Should Know

πŸ“£ This post originally appeared on ReedBarger.com. Props are a powerful tool to use in React, but how do you use them effectively to write robust, reliable React components and applications? In this tutorial, we will be reviewing ten patterns you should use when working with props in React. We will not only touch on what these p...
React Props Cheatsheet: 10 Patterns You Should Know
1
Select One:

Reed Barger

4 weeks ago

View Post

How to Create React Hooks: A Step-by-Step Guide

πŸ“£ This post originally appeared on ReedBarger.com. Custom React hooks are an essential tool to add special, unique functionality to your React applications. In many cases, if you want to add a certain feature to your application, you can simply install a third-party library that is made to solve your problem. If such a library o...
How to Create React Hooks: A Step-by-Step Guide
1
Select One:

Reed Barger

4 weeks ago

View Post

How to Animate Your React Apps with Lottie

πŸ“£ This post originally appeared on ReedBarger.com. Animations can make for a more engaging user experience in our React apps. To make good looking animations, however, can be a great deal of work and require a lot of code. I am going to show you how to use a very powerful library with React to make stunning, pixel-perfect animat...
How to Animate Your React Apps with Lottie
1
Select One:

Reed Barger

4 weeks ago

View Post

How To Build a YouTube Clone with React

πŸ“£ This post originally appeared on ReedBarger.com. In this tutorial, you will get an in-depth overview of how you can build a complete YouTube clone using React in 10 steps. I will lay out how I built a clone of the YouTube web app and the concrete steps you can take in order to build your own along with other video-based apps l...
How To Build a YouTube Clone with React
1
Select One:

Reed Barger

4 weeks ago

View Post

7 Ways to Write Cleaner React Code Today

πŸ“£ This post originally appeared on ReedBarger.com. As React developers, we all want to write cleaner code that is simpler and easier to read. In this guide, I've put together seven of the top ways that you can start writing cleaner React code today to make building React projects and reviewing your code much easier. In general,...
7 Ways to Write Cleaner React Code Today
1
Select One:

Reed Barger

4 weeks ago

View Post

How to Create Your First React Hook from Start to Finish

πŸ“£ This post originally appeared on ReedBarger.com. You can use custom React hooks to solve many different real-world problems in your React projects. As a result, learning how to make React hooks is a necessary skill in becoming a top-notch React developer. In this article, let's take a look at how to create our own custom React...
How to Create Your First React Hook from Start to Finish
1
Select One:

Reed Barger

4 weeks ago

View Post

5 React Libraries You Should Be Using in 2021

πŸ“£ This post originally appeared on ReedBarger.com. 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 als...
5 React Libraries You Should Be Using in 2021
1
Select One:

Loading More Content

Back to DevDojo