Common Beginner Mistakes with React • Josh W. Comeau

A couple years ago, I was teaching React at a local coding bootcamp, and I noticed that there were a handful of things that kept catching students off guard. People kept falling into the same pits! In this tutorial, we're going to explore 9 of the most common gotchas. You'll learn how to steer around them, and hopefully avoid a lot of frustration. In order to keep this blog post light and breezy, we won't dig too much into the reasons behind these gotchas. This is more of a quick reference. This article is written for developers that are familiar with the basics of React, but are still pretty early in their journey. Alright, let's start with one of the most pervasive gotchas. I've seen this one “in the wild” on a handful of production apps! Take a look at the following setup: Code Playground Our goal is to conditionally show a shopping list. If we have at least 1 item in the array, we should render a ShoppingList element. Otherwise, we shouldn't render anything. And yet, we wind up wit

Introduction A couple years ago, I was teaching React at a local coding bootcamp, and I noticed that there were a handful of things that kept catching students off guard. People kept falling into the same pits! In this tutorial, we're going to explore 9 of the most common gotchas. You'll learn how to steer around them, and hopefully avoid a lot of frustration. In order to keep this blog post light and breezy, we won't dig too much into the reasons behind these gotchas. This is more of a quick reference. Intended audience This article is written for developers that are familiar with the basics

related reading

• You Might Not Need an Effect – Reactreact.dev
• Tutorial: Tic-Tac-Toe – Reactreactjs.org
• React graph viscrubier.github.io
• The Unreasonable Effectiveness of 1-1 Learningevery.to
• Why MasterClass Isn’t Really About Masteryevery.to
• Product-Led Growth’s Failureevery.to
• How Freemium Almost Killed My Business, If You Want to Build, You Have to Believe, and More!every.to
• I Left My Job to Run an AI Wrapper at Everyevery.to
• The Paradox of Controlevery.to
• Against Explanationsevery.to
• How to Write Essays That Spreadevery.to
• Caught in the Study Webevery.to