Next.js Tutorial: Solving Client-Server Component Errors Code Ryan podcast

Artwork

Tech Ryan Solomon

Player FM - Internet Radio Done Right

Додано two роки тому

Вміст надано Ryan Solomon. Весь вміст подкастів, включаючи епізоди, графіку та описи подкастів, завантажується та надається безпосередньо компанією Ryan Solomon або його партнером по платформі подкастів. Якщо ви вважаєте, що хтось використовує ваш захищений авторським правом твір без вашого дозволу, ви можете виконати процедуру, описану тут https://uk.player.fm/legal.

T

Tickets to Travel

Tickets to Travel podcast artwork

Tickets to Travel podcast artwork

1
Ep. 42 - RevPar Problems, Real Talk: When Memes meet Metrics with Calvin Tilokee 47:59

14 днів тому47:59

Відтворити Пізніше

Відтворити Пізніше

Подобається

Подобається

47:59

Ep. 42 - RevPar Problems, Real Talk: When Memes Meet Metrics with Calvin Tilokee How do revenue managers really think? What makes hotel rates spike during Taylor Swift concerts—or Bigfoot conventions? And why do memes about ADR hit harder than your star report? In this episode of Tickets to Travel: The Business of Travel Experiences , we sit down with Calvin Tilokee of RevPAR Media, the sharp mind behind the viral @RevPARProblems Instagram account. Calvin pulls back the curtain on hotel pricing strategy, compression events, influencer marketing, and what event producers often get wrong when pitching to hotels. Whether you’re trying to block rooms for a major festival, fill your hotel over a soft week, or just want to understand the secret language of revenue managers, this episode is packed with insight and humor. This episode is a must-listen for hotel sales and revenue teams, meeting and event planners, festival promoters, and hospitality marketers. Follow @RevPARProblems on Instagram for daily hotel truths and satire. And subscribe now to hear why Calvin says: “We don’t need your group when we’re already full. Call us the week after Christmas.” For more insider conversations at the intersection of travel, ticketing, and live experiences, follow us on all socials @Tix2TravelPod and subscribe wherever you get your podcasts. If you haven’t listened yet, head to www.tttpod.com to catch up on past episodes.…

Code Ryan « »
Next.js Tutorial: Solving Client-Server Component Errors

рік тому 8:03

Поширити

MP3•Головна епізоду

Вміст надано Ryan Solomon. Весь вміст подкастів, включаючи епізоди, графіку та описи подкастів, завантажується та надається безпосередньо компанією Ryan Solomon або його партнером по платформі подкастів. Якщо ви вважаєте, що хтось використовує ваш захищений авторським правом твір без вашого дозволу, ви можете виконати процедуру, описану тут https://uk.player.fm/legal.

In this comprehensive tutorial, we delve into a crucial topic for Next.js developers: the proper integration of client and server components. Discover the common mistakes developers make when interleaving these components and learn the best practices to avoid them. Whether you're a beginner or an experienced developer, this video will provide you with essential insights to enhance your Next.js applications. Watch now and master the art of component composition in Next.js! For more details, visit: https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns#interleaving-server-and-client-components.

… continue reading

297 епізодів

#Tech #Ryan Solomon

Artwork

Next.js Tutorial: Solving Client-Server Component Errors

published рік тому

Поширити

MP3•Головна епізоду

Вміст надано Ryan Solomon. Весь вміст подкастів, включаючи епізоди, графіку та описи подкастів, завантажується та надається безпосередньо компанією Ryan Solomon або його партнером по платформі подкастів. Якщо ви вважаєте, що хтось використовує ваш захищений авторським правом твір без вашого дозволу, ви можете виконати процедуру, описану тут https://uk.player.fm/legal.

In this comprehensive tutorial, we delve into a crucial topic for Next.js developers: the proper integration of client and server components. Discover the common mistakes developers make when interleaving these components and learn the best practices to avoid them. Whether you're a beginner or an experienced developer, this video will provide you with essential insights to enhance your Next.js applications. Watch now and master the art of component composition in Next.js! For more details, visit: https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns#interleaving-server-and-client-components.

… continue reading

297 епізодів

#Tech #Ryan Solomon

Усі епізоди

×

Artwork

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

1 day тому9:04

Відтворити Пізніше

Відтворити Пізніше

Подобається

Подобається

9:04

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

Artwork

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

5 днів тому6:52

Відтворити Пізніше

Відтворити Пізніше

Подобається

Подобається

6:52

Artwork

1
Master React.memo for Smarter Rendering 5:12

8 днів тому5:12

Відтворити Пізніше

Відтворити Пізніше

Подобається

Подобається

5:12

Artwork

1
Supercharge React Performance with useMemo 7:01

12 днів тому7:01

Відтворити Пізніше

Відтворити Пізніше

Подобається

Подобається

7:01

Artwork

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

15 днів тому10:24

Відтворити Пізніше

Відтворити Пізніше

Подобається

Подобається

10:24

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

Artwork

1
Stop Using useEffect For This In React 6:11

19 днів тому6:11

Відтворити Пізніше

Відтворити Пізніше

Подобається

Подобається

6:11

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

Artwork

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

22 дні тому10:24

Відтворити Пізніше

Відтворити Пізніше

Подобається

Подобається

10:24

Artwork

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

26 днів тому10:06

Відтворити Пізніше

Відтворити Пізніше

Подобається

Подобається

10:06

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

Artwork

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

29 днів тому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…

Artwork

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

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

Artwork

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

6 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

Artwork

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

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

Artwork

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

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

Artwork

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

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

Artwork

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

8 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

8 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

9 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

9 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

10 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

10 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

11 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

11 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

12 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

12 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

13 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

14 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

14 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

15 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

15 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

16 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

16 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

17 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

17 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

18 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

18 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

19 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

19 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

20 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

20 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

21 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

21 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

22 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

22 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

23 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

23 weeks тому10:29

Відтворити Пізніше

Відтворити Пізніше

Подобається

Подобається

10:29

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

Ласкаво просимо до Player FM!

Player FM сканує Інтернет для отримання високоякісних подкастів, щоб ви могли насолоджуватися ними зараз. Це найкращий додаток для подкастів, який працює на Android, iPhone і веб-сторінці. Реєстрація для синхронізації підписок між пристроями.

Слухайте шоу на 500+ тем

Короткий довідник

Топ подкастів

Радіо Скорбота

Кінотижневик Vertigo

Вмістожер

Громадське радіо

Радіо Донбас Реалії

Повільна розмова

Буде тобі наука

Слухайте це шоу, досліджуючи

Відтворити