Finally Understand Server Components In Next.js Code Ryan podcast

Artwork

Tech Ryan Solomon

Player FM - Internet Radio Done Right

Added two years ago

Ryan Solomon에서 제공하는 콘텐츠입니다. 에피소드, 그래픽, 팟캐스트 설명을 포함한 모든 팟캐스트 콘텐츠는 Ryan Solomon 또는 해당 팟캐스트 플랫폼 파트너가 직접 업로드하고 제공합니다. 누군가가 귀하의 허락 없이 귀하의 저작물을 사용하고 있다고 생각되는 경우 여기에 설명된 절차를 따르실 수 있습니다 https://ko.player.fm/legal.

Code Ryan « »
Finally Understand Server Components In Next.js

약 1년 전 11:36

공유

MP3•에피소드 홈

Ryan Solomon에서 제공하는 콘텐츠입니다. 에피소드, 그래픽, 팟캐스트 설명을 포함한 모든 팟캐스트 콘텐츠는 Ryan Solomon 또는 해당 팟캐스트 플랫폼 파트너가 직접 업로드하고 제공합니다. 누군가가 귀하의 허락 없이 귀하의 저작물을 사용하고 있다고 생각되는 경우 여기에 설명된 절차를 따르실 수 있습니다 https://ko.player.fm/legal.

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

… continue reading

297 에피소드

#Tech #Ryan Solomon

Artwork

Finally Understand Server Components In Next.js

published 약 1년 전

공유

MP3•에피소드 홈

Ryan Solomon에서 제공하는 콘텐츠입니다. 에피소드, 그래픽, 팟캐스트 설명을 포함한 모든 팟캐스트 콘텐츠는 Ryan Solomon 또는 해당 팟캐스트 플랫폼 파트너가 직접 업로드하고 제공합니다. 누군가가 귀하의 허락 없이 귀하의 저작물을 사용하고 있다고 생각되는 경우 여기에 설명된 절차를 따르실 수 있습니다 https://ko.player.fm/legal.

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

… continue reading

297 에피소드

#Tech #Ryan Solomon

All episodes

×

1
Stop Using useEffect For This In React 6:11

9 hours 전6:11

나중에 재생

나중에 재생

6:11

Today, I cover an anti-pattern with using the useEffect hook in React.js

1
5 JavaScript Tricks You Wish You Knew Sooner 10:24

3일 전10:24

나중에 재생

나중에 재생

10:24

1
This One Line Makes Your Next.js App Feel Instant ⚡ 10:06

7일 전10:06

나중에 재생

나중에 재생

10:06

Docs: https://nextjs.org/docs/app/building-your-application/routing/linking-and-navigating#2-prefetching

1
Controlled vs Uncontrolled Components in React | Explained Clearly 9:06

10일 전9:06

나중에 재생

나중에 재생

9:06

Struggling to understand the difference between controlled and uncontrolled components in React? In this video, I'll walk you through simple examples of both, explain when you should use each, and show you the real-world pros and cons. 📚 What you'll learn: What a controlled component is What an uncontrolled component is How to implement both types of inputs Which approach is better for different situations Whether you're building simple forms or complex user interfaces, mastering this concept will make your React apps cleaner and easier to maintain. #react #webdevelopment #reactjs…

1
An Anti-Pattern To Avoid In React.js 3:51

17일 전3:51

나중에 재생

나중에 재생

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

21일 전4: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

24일 전7: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

28일 전8: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

4 weeks 전20: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

5 weeks 전10: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

5 weeks 전11: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

6 weeks 전9: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

6 weeks 전6: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

7 weeks 전7: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

7 weeks 전7: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

8 weeks 전7: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

8 weeks 전11: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

9 weeks 전10: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

9 weeks 전8: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

10 weeks 전5: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

11 weeks 전10: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

11 weeks 전4: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

12 weeks 전7: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

12 weeks 전5: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

13 weeks 전6: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

13 weeks 전6: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

14 weeks 전6: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

14 weeks 전4: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

15 weeks 전2: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

15 weeks 전4: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

16 weeks 전6: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

16 weeks 전9: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

17 weeks 전4: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

17 weeks 전12:48

나중에 재생

나중에 재생

12:48

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

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

18 weeks 전6: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

18 weeks 전8: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

19 weeks 전4: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

19 weeks 전7: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

20 weeks 전8: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

20 weeks 전10:29

나중에 재생

나중에 재생

10:29

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

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

21 weeks 전7: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

22 weeks 전9:05

나중에 재생

나중에 재생

9:05

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

1
Actually Understanding Context In React.js 18:04

22 weeks 전18: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

23 weeks 전10: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

23 weeks 전6:12

나중에 재생

나중에 재생

6:12

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

플레이어 FM에 오신것을 환영합니다!

플레이어 FM은 웹에서 고품질 팟캐스트를 검색하여 지금 바로 즐길 수 있도록 합니다. 최고의 팟캐스트 앱이며 Android, iPhone 및 웹에서도 작동합니다. 장치 간 구독 동기화를 위해 가입하세요.

500개 이상의 주제를 청취

탐색하는 동안 이 프로그램을 들어보세요.