react

React Folder Structure in 2024 for large React projects. The guide walks you through a file structure from small to large project ...

Trace the evolution of React APIs and the mental models behind them. From mixins to hooks, to RSCs, understand the tradeoffs along the way.

Learn the top React code style recommendations from the latest React docs to write cleaner, more maintainable code. Perfect for improving team discussions.

Exploring why React.memo shouldn't be your first choice for performance optimizations

Without using React.memo, PureComponent, or shouldComponentUpdate

An interactive timeline showing how a React component with hooks runs including a quiz of React Riddles to test your knowledge.

In modern applications, user interfaces often have to juggle multiple tasks at the same time. For example, a search component might need to…

React v18.0 has broken ground by introducing a long-awaited feature: Concurrency! Unfortunately, despite a deluge of resources explaining how to use it, explanations of how it works are sparse. As it is a low-level feature, it’s not critical to understand React’s idea of concurrency, but it doesn’t hurt!

We've come a long, long way together. You changed. Where do we go from here?

A love & hate relationship

React memo, useMemo & useCallback can be controversial. Let us review the most common misconceptions about them, and see how they're good, actually.

A ref callback is a little known feature in React, it’s a function to perform an action when React attaches or detaches a reference to a DOM element. It has a few use cases, let’s look at some.

As an (aspiring) Junior React developer it’s hard to know if you’re code is any good and how to improve it. In this session we review & refactor an interesting problem.

Crazed developer attempts real ecommerce without front-end JavaScript to prove that y’all playin’

My blog is something of a trophy case of mine. Like a hunter who hangs the antlers of a stag on their wall, every time I solve a technical problem, I feel…

Learn how React 18's concurrent features like Transitions, Suspense, and React Server Components improve application performance.

Sign up for MightyMeld with code "COSDEN" → https://www.mightymeld.com/Join The Discord! → https://discord.cosdensolutions.ioVSCode Theme | Font → Material ...

A deep dive into the evolution of React from client-side view library to application architecture.

If you don't often look beyond established comfortable defaults, you might be surprised to learn just how far the world of frontend has moved away from React, and how big that gap continues to grow.

Five viewer submitted ways that bad React practices and anti-patterns are killing their applications, and some solutions for each one.👉 Upcoming NextJS cour...

Performance optimizations for the interaction to next paint metric and sharing the learning along the way

The author discusses the React 19 change that went unnoticed until last week that could potentially degrade the performance of websites that rely React.

Five patterns to help Single Page Applications fetch data from remote sources

A collection of modern, server-safe React hooks – from the ui.dev team

Prerequisites

I’ve been working with React since 2016 and still there isn’t a single best practice when it comes to application structure and design. While there are best…

As we traverse the expanse of the digital world, client-side security risks, characterized by the formidable challenges of Cross-Site Scripting (XSS) and ina...

Recorded live at Reactathon 2022. Learn more at https://reactathon.comGoodbye, useEffectFrom fetching data to fighting with imperative APIs, side effects are...