An Anti-Pattern To Avoid In React.jsTLDR; 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. /episode/index/show/7f6df48c-a206-44d6-830b-754abf03f58d/id/36255970
This Causes An Error In Next.jsToday 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 /episode/index/show/7f6df48c-a206-44d6-830b-754abf03f58d/id/36230330
An AI Tool That's Actually Worth It For DevelopersDocs: 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. /episode/index/show/7f6df48c-a206-44d6-830b-754abf03f58d/id/36211360
This One Fix Makes Your Next.js App Faster and CleanerLearn the recommended way to fetch data in Next.js as well as some patterns to know about client and server components. /episode/index/show/7f6df48c-a206-44d6-830b-754abf03f58d/id/36114545
Learn Modern React.js In 20 MinutesIn 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. /episode/index/show/7f6df48c-a206-44d6-830b-754abf03f58d/id/36105560
What "use client" Really Does In Next.jsdocs: https://nextjs.org/docs/app/building-your-application/rendering/client-components /episode/index/show/7f6df48c-a206-44d6-830b-754abf03f58d/id/36038470
Finally Understand Server Components In Next.jsDocs: https://nextjs.org/docs/app/building-your-application/rendering/server-components /episode/index/show/7f6df48c-a206-44d6-830b-754abf03f58d/id/36024645
Understanding Rendering in React & Next.js (The Full Picture)Docs: https://nextjs.org/docs/app/building-your-application/rendering /episode/index/show/7f6df48c-a206-44d6-830b-754abf03f58d/id/35965425
Optimize Your Code In Next.js With Server ActionsDocs: https://nextjs.org/docs/app/building-your-application/data-fetching/server-actions-and-mutations /episode/index/show/7f6df48c-a206-44d6-830b-754abf03f58d/id/35935195
Stream Your Data To Fix Bad UX In Next.js 15Learn how to use Suspense and streaming for sequential data fetching in Next.js /episode/index/show/7f6df48c-a206-44d6-830b-754abf03f58d/id/35752855
Developers Really Need To Be Aware Of ThisDocs: https://nextjs.org/docs/app/building-your-application/data-fetching/fetching#patterns /episode/index/show/7f6df48c-a206-44d6-830b-754abf03f58d/id/35736290
THIS Is How To Fetch Data In Next.jsDocs: https://nextjs.org/docs/app/building-your-application/data-fetching/fetching#reference /episode/index/show/7f6df48c-a206-44d6-830b-754abf03f58d/id/35681445
Did You Know This About Custom Hooks In React.js?Docs: https://react.dev/learn/reusing-logic-with-custom-hooks#recap /episode/index/show/7f6df48c-a206-44d6-830b-754abf03f58d/id/35681300
Your Complete Guide To Middleware In Next.js 15Middleware Docs: https://nextjs.org/docs/app/building-your-application/routing/middleware /episode/index/show/7f6df48c-a206-44d6-830b-754abf03f58d/id/35592970
Prevent This Race Condition In React.jsDocs: https://react.dev/learn/you-might-not-need-an-effect#subscribing-to-an-external-store /episode/index/show/7f6df48c-a206-44d6-830b-754abf03f58d/id/35588100
Did You Know You Could Do This In Next.js?Route Intercepts In Next.js Docs: https://nextjs.org/docs/app/building-your-application/routing/intercepting-routes /episode/index/show/7f6df48c-a206-44d6-830b-754abf03f58d/id/35521560
This Is A Core Concept To Understand About React.jsDocs: https://react.dev/learn/you-might-not-need-an-effect#notifying-parent-components-about-state-changes /episode/index/show/7f6df48c-a206-44d6-830b-754abf03f58d/id/35511280
Your Guide To Parallel Routes In Next.js 15Parallel Routes Docs: https://nextjs.org/docs/app/building-your-application/routing/parallel-routes#loading-and-error-ui /episode/index/show/7f6df48c-a206-44d6-830b-754abf03f58d/id/35444790
How To Stop Running Code Twice In React.jsToday I cover an issue you might run into with running code multiple times in React -- especially when running initialization code -- and how React thinks you should solve it Docs: https://react.dev/learn/you-might-not-need-an-effect#sharing-logic-between-event-handlers /episode/index/show/7f6df48c-a206-44d6-830b-754abf03f58d/id/35445040
Did You Know This Advanced Routing Technique In Next.js?Docs: https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes#generating-static-params /episode/index/show/7f6df48c-a206-44d6-830b-754abf03f58d/id/35385745
Are You Messing This Up In React.js?Docs: https://react.dev/learn/you-might-not-need-an-effect#sharing-logic-between-event-handlers /episode/index/show/7f6df48c-a206-44d6-830b-754abf03f58d/id/35383840
Pros Know How To Do This In Next.js 15Docs: https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes#generating-static-params /episode/index/show/7f6df48c-a206-44d6-830b-754abf03f58d/id/35275120
Even Pros Make This React.js MistakeDocs: https://react.dev/learn/you-might-not-need-an-effect#adjusting-some-state-when-a-prop-changes /episode/index/show/7f6df48c-a206-44d6-830b-754abf03f58d/id/35274680
Pro Next.js Developers Know How To Do ThisRoute Groups Code: https://nextjs.org/docs/app/building-your-application/routing/route-groups /episode/index/show/7f6df48c-a206-44d6-830b-754abf03f58d/id/35204735
This Can Be A Problem In React.js..Docs: https://react.dev/learn/you-might-not-need-an-effect#resetting-all-state-when-a-prop-changes /episode/index/show/7f6df48c-a206-44d6-830b-754abf03f58d/id/35204690
A Core Next.js Fundamental You Need To Know AboutDocs: https://nextjs.org/docs/app/building-your-application/routing/redirecting#nextresponseredirect-in-middleware /episode/index/show/7f6df48c-a206-44d6-830b-754abf03f58d/id/35117350
Senior Developers Don't Make This MistakeDocs: https://react.dev/learn/you-might-not-need-an-effect#how-to-remove-unnecessary-effects /episode/index/show/7f6df48c-a206-44d6-830b-754abf03f58d/id/35117570
This Is A Beginner Mistake You Should Avoid (Client-side Routing)Docs: https://nextjs.org/docs/app/api-reference/functions/use-router#disabling-scroll-to-top /episode/index/show/7f6df48c-a206-44d6-830b-754abf03f58d/id/35064805
Did You Know How To Do This In Next.js 15?Learn how to use the redirect and permanenetRedirect functions in Next.js -- https://nextjs.org/docs/app/building-your-application/routing/redirecting#redirect-function /episode/index/show/7f6df48c-a206-44d6-830b-754abf03f58d/id/34985770