Optimize Client Side Navigation In Next.js 15 Code Ryan podcast

Artwork

Tech Ryan Solomon

Player FM - Internet Radio Done Right

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

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

B

Biscuits & Jam

Biscuits & Jam podcast artwork

Biscuits & Jam podcast artwork

1
Wyatt Flores’s Red Dirt Roots 43:43

24 дні тому43:43

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

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

Подобається

Подобається

43:43

Wyatt Flores is a 23-year-old singer-songwriter from Stillwater, Oklahoma, who’s making a name for himself in the Red Dirt music scene, building on the musical legacy of his home state. He grew up on a ranch in a working-class family where he was surrounded by musicians, often hearing them play cowboy songs around a campfire. His father, a drummer, built him a stage in the backyard when he recognized his talent, and his Uncle Bobby taught him how to play guitar. Now Wyatt is playing in front of thousands of fans, singing at the Grand Ole Opry, and writing songs that are winning audiences with their honesty, heart, and vulnerability. His debut album, Welcome to the Plains, explores the rough—and sometimes violent—side of growing up in rural Oklahoma, but it also shows a talent for storytelling and a wry sense of humor. Sid talks to Wyatt about why he’s so happy to be back in Stillwater after a couple of years in Nashville, the mental health struggles he’s openly shared with his fans, the family member he wants to have on his podcast, and why his favorite food is a breakfast burrito. Learn more about your ad choices. Visit podcastchoices.com/adchoices…

Code Ryan « »
Optimize Client Side Navigation In Next.js 15

рік тому 9:05

Поширити

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

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

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

… continue reading

296 епізодів

#Tech #Ryan Solomon

Artwork

Optimize Client Side Navigation In Next.js 15

published рік тому

Поширити

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

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

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

… continue reading

296 епізодів

#Tech #Ryan Solomon

All episodes

×

1
Supercharge React Performance with useMemo 7:01

20 hours тому7:01

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

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

Подобається

Подобається

7:01

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

4 дні тому10:24

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

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

Подобається

Подобається

10:24

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

1
Stop Using useEffect For This In React 6:11

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

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

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

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

Подобається

Подобається

10:24

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

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

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

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

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

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

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

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

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

6 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

6 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

7 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

7 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

8 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

8 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

9 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

9 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

10 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

10 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

11 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

12 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

12 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

13 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

13 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

14 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

14 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

15 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

15 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

16 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

16 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

17 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

17 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

18 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

18 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

19 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

19 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

20 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

20 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

21 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

21 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

22 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

22 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

23 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

24 weeks тому18:04

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

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

Подобається

Подобається

18:04

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

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

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

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

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

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

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

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

Вмістожер

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

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

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

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

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

Відтворити