Understanding Rendering In React & Next.js (The Full Picture) Code Ryan podcast

Code Ryan podcast artwork

Tech Ryan Solomon

Player FM - Internet Radio Done Right

추가했습니다 two 년 전

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

B

B2B Agility with Greg Kihlström™: MarTech, E-Commerce, & Customer Success

B2B Agility with Greg Kihlström™: MarTech, E-Commerce, & Customer Success podcast artwork

B2B Agility with Greg Kihlström™: MarTech, E-Commerce, & Customer Success podcast artwork

1
#52: Navigating the effect of AI on marketing jobs and the job market with Sue Keith, Landrum Talent Solutions 19:09

6일 전19:09

나중에 재생

나중에 재생

19:09

This episode is brought to you by Landrum Talent Solutions, a national recruiting firm specializing in marketing and HR positions. Our guest today has been keeping us up to date with the current state of hiring for marketers on a quarterly basis, which has taken us on quite a roller coaster ride. Today we’re going to look at how marketing and communication execs are responding to the latest developments in the world while still needing to get their work done. To take a look at the latest here, I’d like to welcome back to the show Sue Keith, Corporate Vice President at Landrum Talent Solutions. About Sue Keith Sue Keith is Corporate Vice President at Landrum Talent Solutions. With deep expertise in navigating complex labor markets, Sue has a front-row seat to the evolving dynamics of marketing roles, hiring trends, and the broader implications of AI and economic uncertainty. RESOURCES Landrum Talent Solutions: https://www.landrumtalentsolutions.com Catch the future of e-commerce at eTail Boston, August 11-14, 2025. Register now: https://bit.ly/etailboston and use code PARTNER20 for 20% off for retailers and brands Online Scrum Master Summit is happening June 17-19. This 3-day virtual event is open for registration. Visit www.osms25.com and get a 25% discount off Premium All-Access Passes with the code osms25agilebrand Don't Miss MAICON 2025, October 14-16 in Cleveland - the event bringing together the brights minds and leading voices in AI. Use Code AGILE150 for $150 off registration. Go here to register: https://bit.ly/agile150 Connect with Greg on LinkedIn: https://www.linkedin.com/in/gregkihlstrom Don't miss a thing: get the latest episodes, sign up for our newsletter and more: https://www.theagilebrand.show Check out The Agile Brand Guide website with articles, insights, and Martechipedia, the wiki for marketing technology: https://www.agilebrandguide.com…

Code Ryan « »
Understanding Rendering in React & Next.js (The Full Picture)

약 1년 전 9:38

공유

MP3•에피소드 홈

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

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

… continue reading

297 에피소드

#Tech #Ryan Solomon

Code Ryan podcast artwork

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

published 약 1년 전

공유

MP3•에피소드 홈

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

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

… continue reading

297 에피소드

#Tech #Ryan Solomon

All episodes

×

C

Code Ryan

Code Ryan podcast artwork

1
Software Engineering in 2035: Will We Still Matter? 9:57

4일 전9:57

나중에 재생

나중에 재생

9:57

C

Code Ryan

Code Ryan podcast artwork

1
Next.js: Optimize & Use Google + Local Custom Fonts 9:19

7일 전9:19

나중에 재생

나중에 재생

9:19

C

Code Ryan

Code Ryan podcast artwork

1
3 JavaScript Features You Need To Know For React 13:38

11일 전13:38

나중에 재생

나중에 재생

13:38

3 JavaScript Features You Need To Know For React

C

Code Ryan

Code Ryan podcast artwork

1
Pro Next.js Developers Understand This | Fetch Revalidation 9:04

14일 전9:04

나중에 재생

나중에 재생

9:04

Learn how revalidation works in your fetch requests in Next.js

C

Code Ryan

Code Ryan podcast artwork

1
Prevent Unnecessary Re-Renders with React’s useCallback Hook 6:52

18일 전6:52

나중에 재생

나중에 재생

6:52

C

Code Ryan

Code Ryan podcast artwork

1
Master React.memo for Smarter Rendering 5:12

21일 전5:12

나중에 재생

나중에 재생

5:12

C

Code Ryan

Code Ryan podcast artwork

1
Supercharge React Performance with useMemo 7:01

25일 전7:01

나중에 재생

나중에 재생

7:01

C

Code Ryan

Code Ryan podcast artwork

1
Next.js Error Handling: Like a Pro 10:24

28일 전10:24

나중에 재생

나중에 재생

10:24

Learn how to handle uncaught errors in your Next.js apps!

C

Code Ryan

Code Ryan podcast artwork

1
Stop Using useEffect For This In React 6:11

5 weeks 전6:11

나중에 재생

나중에 재생

6:11

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

C

Code Ryan

Code Ryan podcast artwork

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

5 weeks 전10:24

나중에 재생

나중에 재생

10:24

C

Code Ryan

Code Ryan podcast artwork

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

6 weeks 전10:06

나중에 재생

나중에 재생

10:06

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

C

Code Ryan

Code Ryan podcast artwork

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

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

C

Code Ryan

Code Ryan podcast artwork

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

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

C

Code Ryan

Code Ryan podcast artwork

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

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

C

Code Ryan

Code Ryan podcast artwork

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

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

C

Code Ryan

Code Ryan podcast artwork

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

9 weeks 전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.

C

Code Ryan

Code Ryan podcast artwork

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

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

C

Code Ryan

Code Ryan podcast artwork

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

10 weeks 전10:17

나중에 재생

나중에 재생

10:17

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

C

Code Ryan

Code Ryan podcast artwork

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

10 weeks 전11:36

나중에 재생

나중에 재생

11:36

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

C

Code Ryan

Code Ryan podcast artwork

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

11 weeks 전9:38

나중에 재생

나중에 재생

9:38

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

C

Code Ryan

Code Ryan podcast artwork

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

11 weeks 전6:29

나중에 재생

나중에 재생

6:29

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

C

Code Ryan

Code Ryan podcast artwork

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

12 weeks 전7:57

나중에 재생

나중에 재생

7:57

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

C

Code Ryan

Code Ryan podcast artwork

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

12 weeks 전7:32

나중에 재생

나중에 재생

7:32

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

C

Code Ryan

Code Ryan podcast artwork

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

13 weeks 전7:42

나중에 재생

나중에 재생

7:42

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

C

Code Ryan

Code Ryan podcast artwork

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

13 weeks 전11:51

나중에 재생

나중에 재생

11:51

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

C

Code Ryan

Code Ryan podcast artwork

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

14 weeks 전10:47

나중에 재생

나중에 재생

10:47

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

C

Code Ryan

Code Ryan podcast artwork

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

14 weeks 전8:36

나중에 재생

나중에 재생

8:36

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

C

Code Ryan

Code Ryan podcast artwork

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

15 weeks 전5:43

나중에 재생

나중에 재생

5:43

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

C

Code Ryan

Code Ryan podcast artwork

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

16 weeks 전10:24

나중에 재생

나중에 재생

10:24

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

C

Code Ryan

Code Ryan podcast artwork

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

16 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

C

Code Ryan

Code Ryan podcast artwork

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

17 weeks 전7:31

나중에 재생

나중에 재생

7:31

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

C

Code Ryan

Code Ryan podcast artwork

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

17 weeks 전5:07

나중에 재생

나중에 재생

5:07

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

C

Code Ryan

Code Ryan podcast artwork

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

18 weeks 전6:39

나중에 재생

나중에 재생

6:39

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

C

Code Ryan

Code Ryan podcast artwork

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

18 weeks 전6:27

나중에 재생

나중에 재생

6:27

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

C

Code Ryan

Code Ryan podcast artwork

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

19 weeks 전6:17

나중에 재생

나중에 재생

6:17

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

C

Code Ryan

Code Ryan podcast artwork

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

19 weeks 전4:46

나중에 재생

나중에 재생

4:46

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

C

Code Ryan

Code Ryan podcast artwork

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

20 weeks 전2:58

나중에 재생

나중에 재생

2:58

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

C

Code Ryan

Code Ryan podcast artwork

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

20 weeks 전4:08

나중에 재생

나중에 재생

4:08

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

C

Code Ryan

Code Ryan podcast artwork

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

21 weeks 전6:31

나중에 재생

나중에 재생

6:31

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

C

Code Ryan

Code Ryan podcast artwork

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

21 weeks 전9:04

나중에 재생

나중에 재생

9:04

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

C

Code Ryan

Code Ryan podcast artwork

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

22 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

C

Code Ryan

Code Ryan podcast artwork

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

22 weeks 전12:48

나중에 재생

나중에 재생

12:48

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

C

Code Ryan

Code Ryan podcast artwork

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

23 weeks 전6:56

나중에 재생

나중에 재생

6:56

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

C

Code Ryan

Code Ryan podcast artwork

1
3 Key Concepts Professional React Developers Master 8:58

23 weeks 전8:58

나중에 재생

나중에 재생

8:58

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

C

Code Ryan

Code Ryan podcast artwork

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

24 weeks 전4:39

나중에 재생

나중에 재생

4:39

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

C

Code Ryan

Code Ryan podcast artwork

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

24 weeks 전7:09

나중에 재생

나중에 재생

7:09

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

C

Code Ryan

Code Ryan podcast artwork

1
Next.js 15 Error Handling Mastery 8:31

25 weeks 전8:31

나중에 재생

나중에 재생

8:31

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

C

Code Ryan

Code Ryan podcast artwork

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

25 weeks 전10:29

나중에 재생

나중에 재생

10:29

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

C

Code Ryan

Code Ryan podcast artwork

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

26 weeks 전7:09

나중에 재생

나중에 재생

7:09

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

C

Code Ryan

Code Ryan podcast artwork

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

27 weeks 전9:05

나중에 재생

나중에 재생

9:05

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

C

Code Ryan

Code Ryan podcast artwork

1
Actually Understanding Context In React.js 18:04

27 weeks 전18:04

나중에 재생

나중에 재생

18:04

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

C

Code Ryan

Code Ryan podcast artwork

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

28 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

C

Code Ryan

Code Ryan podcast artwork

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

28 weeks 전6:12

나중에 재생

나중에 재생

6:12

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

C

Code Ryan

Code Ryan podcast artwork

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

29 weeks 전6:20

나중에 재생

나중에 재생

6:20

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

C

Code Ryan

Code Ryan podcast artwork

1
The Only useReducer Video You Need 24:21

29 weeks 전24:21

나중에 재생

나중에 재생

24:21

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

C

Code Ryan

Code Ryan podcast artwork

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

30 weeks 전12:30

나중에 재생

나중에 재생

12:30

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

C

Code Ryan

Code Ryan podcast artwork

1
Master React State By Solving This Problem 5:26

30 weeks 전5:26

나중에 재생

나중에 재생

5:26

Today, I discuss the problem of state not being reset when rendering the same component in the same position within the React tree. Read more about this here: https://react.dev/learn/preserving-and-resetting-state#resetting-state-at-the-same-position

C

Code Ryan

Code Ryan podcast artwork

1
How Pages Really Work In Next.js 15 6:52

31 weeks 전6:52

나중에 재생

나중에 재생

6:52

Today, I give a brief overview of how pages work in Next.js 15 and a few important things to know regarding pages. Learn more from the Next.js docs here: https://nextjs.org/docs/app/building-your-application/routing/pages

C

Code Ryan

Code Ryan podcast artwork

1
The Wrong Way To Manage State In React.js 5:30

31 weeks 전5:30

나중에 재생

나중에 재생

5:30

Today, I cover having a single source of truth in your React application's state. Docs: https://react.dev/learn/sharing-state-between-components#a-single-source-of-truth-for-each-state

C

Code Ryan

Code Ryan podcast artwork

1
A Next.js Fundamental You Need To Master 13:18

32 weeks 전13:18

나중에 재생

나중에 재생

13:18

Learn how to define routes in Next.js 15. Docs: https://nextjs.org/docs/app/building-your-application/routing/defining-routes

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

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

500개 이상의 주제를 청취

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