Reed Barger
@reedbarger
Joined April 9th, 2021
React developer who loves to make incredible apps. Showing you how at ReactBootcamp.com
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...
1
Select One:
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...
3
Select One:
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...
6
Select One:
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...
9
Select One:
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...
8
Select One:
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
Select One:
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...
6
Select One:
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...
8
Select One:
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...
8
Select One:
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...
1
Select One:
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-...
1
Select One:
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...
9
Select One:
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...
1
Select One:
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...
1
Select One:
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...
1
Select One:
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...
1
Select One:
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...
1
Select One:
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...
1
Select One:
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...
1
Select One:
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...
1
Select One:
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...
1
Select One:
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,...
1
Select One:
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...
1
Select One:
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...
1
Select One:
Loading More Content
