loader from loading.io

An Anti-Pattern To Avoid In React.js

Code Ryan

Release Date: 06/02/2025

An Anti-Pattern To Avoid In React.js show art An Anti-Pattern To Avoid In React.js

Code Ryan

TLDR; don't mutate state directly. Always use setState when updating a piece of state. Also, pass a function when updating state based on previous state.

info_outline This Causes An Error In Next.js show art This Causes An Error In Next.js

Code Ryan

Today I explain a key point regarding server and client components in Next.js and passing props. Also, I explain what you should know regarding client boundaries in Next.js

info_outline An AI Tool That's Actually Worth It For Developers show art An AI Tool That's Actually Worth It For Developers

Code Ryan

Docs:   I'm not affiliated with this tool in any way. We've just found it useful the last few months using it on our team. If you know any tools, or even something better than Korbit, let me know in the comments below. 

info_outline This One Fix Makes Your Next.js App Faster and Cleaner show art This One Fix Makes Your Next.js App Faster and Cleaner

Code Ryan

Learn the recommended way to fetch data in Next.js as well as some patterns to know about client and server components. 

info_outline Learn Modern React.js In 20 Minutes show art Learn Modern React.js In 20 Minutes

Code Ryan

In todays video, I cover the core concepts of React.js in about 20 minutes. Of course, this isn't everything you need to know. But it is a good starting place and review for some.

info_outline What What "use client" Really Does In Next.js

Code Ryan

docs: https://nextjs.org/docs/app/building-your-application/rendering/client-components

info_outline Finally Understand Server Components In Next.js show art Finally Understand Server Components In Next.js

Code Ryan

Docs: https://nextjs.org/docs/app/building-your-application/rendering/server-components

info_outline Understanding Rendering in React & Next.js (The Full Picture) show art Understanding Rendering in React & Next.js (The Full Picture)

Code Ryan

Docs: https://nextjs.org/docs/app/building-your-application/rendering

info_outline Optimize Your Code In Next.js With Server Actions show art Optimize Your Code In Next.js With Server Actions

Code Ryan

Docs: https://nextjs.org/docs/app/building-your-application/data-fetching/server-actions-and-mutations

info_outline Stream Your Data To Fix Bad UX In Next.js 15 show art Stream Your Data To Fix Bad UX In Next.js 15

Code Ryan

Learn how to use Suspense and streaming for sequential data fetching in Next.js

info_outline
 
More Episodes

TLDR; don't mutate state directly. Always use setState when updating a piece of state. Also, pass a function when updating state based on previous state.