Image for post
Image for post

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 similar, essential concepts like authentication, working with an API and database, using a React router for adding pages to your app, and playing media like audio or video.

Plus, many applications can be (and often are) integrated into one another. Social…


Image for post
Image for post

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 essential — they are used in every single application that a React developer makes, with little to no exceptions.

Learning these concepts is one of the most valuable things you can do to accelerate your ability to make React projects and become a skilled…


Image for post
Image for post

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, career-changing results along the way.

If you want to watch this article as an interactive video (along with some extra bonuses), be sure to check out the 3-day React email course.

Let’s get started!

Step 1. Commit to 4–5 hours of coding per weekday

The most important factor in deciding how soon…


Image for post
Image for post

I have put together a comprehensive visual cheatsheet to help you master all the major concepts and features of the React library in 2021. It includes tons of practical examples to illustrate every feature of the library using patterns you can apply within your own projects.

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…


Image for post
Image for post

You want to learn Reactthe 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 impossible to learn it all. There are too many things I need to learn!”

To be successful with React, don’t attempt to learn everything. Focus on learning the right things.

Let’s break down the seven key skills that you need to focus on to…


The Firestore Tutorial for 2020: Learn by Example cover
The Firestore Tutorial for 2020: Learn by Example cover

Cloud Firestore is a blazing-fast, serverless NoSQL database, perfect for powering web and mobile apps of any size. Grab the complete guide to learning Firestore, created to show you how to use Firestore as the engine for your own JavaScript projects from front to back.

Cloud Firestore is a blazing-fast, serverless NoSQL database, perfect for powering web and mobile apps of any size. Grab the complete guide to learning Firestore, created to show you how to use Firestore as the engine for your own JavaScript projects from front to back.

Table of Contents

Getting Started with Firestore

  • What is Firestore? Why Should You Use It?
  • Setting Up Firestore in a JavaScript Project
  • Firestore Documents and Collections
  • Managing our Database with the Firebase Console

Fetching Data with Firestore

  • Getting Data from a Collection with .get()
  • Subscribing to a Collection with .onSnapshot()
  • Difference between .get() and .onSnapshot()
  • Unsubscribing from a…


Learn the JavaScript You Need to Build Apps in this 28-Part Course cover
Learn the JavaScript You Need to Build Apps in this 28-Part Course cover

Are you struggling to figure out what JavaScript skills you need to build apps? Check out this course that provides the core JS concepts you need to be productive with libraries like React, Angular, and Vue!

If you want to build serious web applications, the language to use is JavaScript.

But what JavaScript skills do you need to build apps effectively?

What JavaScript Courses Leave Out ❌

There are tons of courses on JavaScript available find online, but few specialize in what so many developers want to know (perhaps you included):

What JavaScript skills are essential to building your own applications?

There is a gap between learning vanilla JavaScript and learning a library for creating single-page JavaScript applications like React, Angular, and Vue.

I’ve put together a complete course with the goal of showing you how to bridge this gap.

My goal…


How
How

Ternaries are an important part of JavaScript and can improve our conditional code in a powerful way. Let’s see how.

If-else statements in JavaScript are great for what’s known as flow control, in other words, for establishing what happens in our application based on one condition or another.

If-else statements are very easy to read and understand what is happening

For example, say we are making an e-commerce app where users can add items to a cart. In it, we are authenticating our users.

First, we could check to see if we have an authenticated user, and if so, enable them to add an item to their cart.

Else, if they are not authenticated, we have them do something else…


What
What

What style of coding should you have in your day-to-day work? Let’s discuss which you should choose and why.

What manner of coding should you strive for in your day-to-day work?

It’s a question that’s not asked often in programming, but it’s an important one.

Let’s first talk about a coding style you want to avoid throughout your programming career, whether you are just writing code for yourself or for others.

What is imperative and declarative code?

We can categorize how we write code as leaning towards one of two styles.

To be clear, a person’s code never strictly falls into one category or another, but it is a useful way of referring to the manner in which we code, according to whom or what…


How
How

Short-circuiting is a convenient trick used to make our JS conditionals shorter and is often used in libraries like React. Let’s see how.

In this tip, you’ll learn how to reduce JavaScript conditionals to the smallest possible expression using a trick called short-circuiting.

What is short-circuiting?

As the name suggests, short-circuiting is a way we can shorten unnecessary checks in our conditionals by making use of some special tricks in the JavaScript language.

Let’s see how:

We have a simple program where we ask users of it their name and if it’s a valid name, meaning not an empty string, we’ll set that equal to their username.

Otherwise, we’ll judge them to be anonymous and give them the username “guest”. …

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