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 ...

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...

React Summit 2023 #ReactSummit #GitNationWebsite – https://reactsummit.com/ Follow the link to watch the full version of all the conference talks, QnA’s with...

👉 I'm a host on the React Round-Up podcast: https://devchat.tv/podcasts/react-round-up👉 Don't forget to subscribe to this channel for more updates: https:/...

Details on how React rendering behaves, and how use of Context and React-Redux affect rendering

A deep dive on composition in React. Learn key principles for designing and building reusable components that scale.

The React Graph Gallery displays hundreds of charts made with React, always with explanation and reproduciible code

I used to teach React at a local coding bootcamp, and I noticed that students kept getting tripped up by the same handful of things. In this article, we're going to go through 9 of the most dastardly gotchas. I'll show you how to solve these common problems, so you can avoid a lot of potential frustration!

Understanding patterns and anti-patterns in React

Deep dive into debounce and throttle in React. What is debounce and throttle, how to use them in React properly, how to avoid breaking them when state and re-renders are involved.