React Routing Redefined: Master Non-Nested Trees With TanStack Code Ryan podcast

3:51

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.

1
This Causes An Error In Next.js 4:17

7 days ago4:17

4:17

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

1
An AI Tool That's Actually Worth It For Developers 7:32

10 days ago7:32

7:32

Docs: https://www.korbit.ai/ 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.

1
This One Fix Makes Your Next.js App Faster and Cleaner 8:48

14 days ago8:48

8:48

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

1
Learn Modern React.js In 20 Minutes 20:43

17 days ago20:43

20:43

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.

1
What "use client" Really Does In Next.js 10:17

21 days ago10:17

10:17

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

1
Finally Understand Server Components In Next.js 11:36

24 days ago11:36

11:36

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

1
Understanding Rendering in React & Next.js (The Full Picture) 9:38

28 days ago9:38

9:38

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

1
Optimize Your Code In Next.js With Server Actions 6:29

4 weeks ago6:29

6:29

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

1
Stream Your Data To Fix Bad UX In Next.js 15 7:57

5 weeks ago7:57

7:57

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

1
Developers Really Need To Be Aware Of This 7:32

5 weeks ago7:32

7:32

Docs: https://nextjs.org/docs/app/building-your-application/data-fetching/fetching#patterns

1
THIS Is How To Fetch Data In Next.js 7:42

6 weeks ago7:42

7:42

Docs: https://nextjs.org/docs/app/building-your-application/data-fetching/fetching#reference

1
Did You Know This About Custom Hooks In React.js? 11:51

6 weeks ago11:51

11:51

Docs: https://react.dev/learn/reusing-logic-with-custom-hooks#recap

1
Your Complete Guide To Middleware In Next.js 15 10:47

7 weeks ago10:47

10:47

Middleware Docs: https://nextjs.org/docs/app/building-your-application/routing/middleware

1
Prevent This Race Condition In React.js 8:36

7 weeks ago8:36

8:36

Docs: https://react.dev/learn/you-might-not-need-an-effect#subscribing-to-an-external-store

1
This Is A Core Concept To Understand About React.js 5:43

8 weeks ago5:43

5:43

Docs: https://react.dev/learn/you-might-not-need-an-effect#notifying-parent-components-about-state-changes

1
Your Guide To Parallel Routes In Next.js 15 10:24

9 weeks ago10:24

10:24

Parallel Routes Docs: https://nextjs.org/docs/app/building-your-application/routing/parallel-routes#loading-and-error-ui

1
How To Stop Running Code Twice In React.js 4:26

9 weeks ago4:26

4:26

Today 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

1
Did You Know This Advanced Routing Technique In Next.js? 7:31

10 weeks ago7:31

7:31

Docs: https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes#generating-static-params

1
Are You Messing This Up In React.js? 5:07

10 weeks ago5:07

5:07

Docs: https://react.dev/learn/you-might-not-need-an-effect#sharing-logic-between-event-handlers

1
Pros Know How To Do This In Next.js 15 6:39

11 weeks ago6:39

6:39

Docs: https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes#generating-static-params

1
Even Pros Make This React.js Mistake 6:27

11 weeks ago6:27

6:27

Docs: https://react.dev/learn/you-might-not-need-an-effect#adjusting-some-state-when-a-prop-changes

1
Pro Next.js Developers Know How To Do This 6:17

12 weeks ago6:17

6:17

Route Groups Code: https://nextjs.org/docs/app/building-your-application/routing/route-groups

1
This Can Be A Problem In React.js.. 4:46

12 weeks ago4:46

4:46

Docs: https://react.dev/learn/you-might-not-need-an-effect#resetting-all-state-when-a-prop-changes

1
A Core Next.js Fundamental You Need To Know About 2:58

13 weeks ago2:58

2:58

Docs: https://nextjs.org/docs/app/building-your-application/routing/redirecting#nextresponseredirect-in-middleware

1
Senior Developers Don't Make This Mistake 4:08

13 weeks ago4:08

4:08

Docs: https://react.dev/learn/you-might-not-need-an-effect#how-to-remove-unnecessary-effects

1
This Is A Beginner Mistake You Should Avoid (Client-side Routing) 6:31

14 weeks ago6:31

6:31

Docs: https://nextjs.org/docs/app/api-reference/functions/use-router#disabling-scroll-to-top

1
2 Mistakes Pro React Developers Don't Make 9:04

14 weeks ago9:04

9:04

Docs: https://react.dev/learn/you-might-not-need-an-effect#how-to-remove-unnecessary-effects

1
Did You Know How To Do This In Next.js 15? 4:08

15 weeks ago4:08

4:08

Learn how to use the redirect and permanenetRedirect functions in Next.js -- https://nextjs.org/docs/app/building-your-application/routing/redirecting#redirect-function

1
How To Actually Use The useEffect Hook In Modern React.js 12:48

15 weeks ago12:48

12:48

Docs: https://react.dev/learn/synchronizing-with-effects

1
Unlock PRO UX with Streaming Web Components in Next.js 6:56

16 weeks ago6:56

6:56

Docs: https://nextjs.org/docs/app/building-your-application/routing/loading-ui-and-streaming#streaming-with-suspense

1
3 Key Concepts Professional React Developers Master 8:58

16 weeks ago8:58

8:58

Docs: https://react.dev/learn/synchronizing-with-effects

1
The Right Way To Handle Instant Loading States In Next.js 15 4:39

17 weeks ago4:39

4:39

Docs: https://nextjs.org/docs/app/building-your-application/routing/loading-ui-and-streaming

1
Correctly Using Refs With DOM Elements In React.js 7:09

17 weeks ago7:09

7:09

https://react.dev/learn/manipulating-the-dom-with-refs#best-practices-for-dom-manipulation-with-refs

1
Next.js 15 Error Handling Mastery 8:31

18 weeks ago8:31

8:31

Docs: https://nextjs.org/docs/app/building-your-application/routing/error-handling#uncaught-exceptions

1
What Are Refs In React.js, Really? Why? 10:29

18 weeks ago10:29

10:29

https://react.dev/learn/referencing-values-with-refs#recap

1
PRO Next.js 15 Error Handling - Expected Errors 7:09

19 weeks ago7:09

7:09

Docs: https://nextjs.org/docs/app/building-your-application/routing/error-handling

1
Optimize Client Side Navigation In Next.js 15 9:05

20 weeks ago9:05

9:05

Docs: https://nextjs.org/docs/app/api-reference/functions/use-router

1
Actually Understanding Context In React.js 18:04

20 weeks ago18:04

18:04

Docs: https://react.dev/learn/passing-data-deeply-with-context Starter Project: https://github.com/coderyansolomon/react-context

1
The Recommended Way To Link In Next.js 15 10:10

21 weeks ago10:10

10:10

Docs: https://nextjs.org/docs/app/building-your-application/routing/linking-and-navigating Link API - https://nextjs.org/docs/app/api-reference/components/link

1
Avoid This Problem In React.js - Prop Drilling 6:12

21 weeks ago6:12

6:12

Docs: https://react.dev/learn/passing-data-deeply-with-context

1
Are Templates Better Than Layouts In Next.js? 6:20

22 weeks ago6:20

6:20

Docs: https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates#templates

1
The Only useReducer Video You Need 24:21

22 weeks ago24:21

24:21

Docs: https://react.dev/learn/extracting-state-logic-into-a-reducer#comparing-usestate-and-usereducer

1
How To Use Layouts Correctly In Next.js 15 12:30

23 weeks ago12:30

12:30

Docs: https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates

1
Master React State By Solving This Problem 5:26

23 weeks ago5:26