This Is A Problem In Next.js

Code Ryan

Player FM - Internet Radio Done Right

הוסף לפני two שנים

תוכן מסופק על ידי Ryan Solomon. כל תוכן הפודקאסטים כולל פרקים, גרפיקה ותיאורי פודקאסטים מועלים ומסופקים ישירות על ידי Ryan Solomon או שותף פלטפורמת הפודקאסט שלהם. אם אתה מאמין שמישהו משתמש ביצירה שלך המוגנת בזכויות יוצרים ללא רשותך, אתה יכול לעקוב אחר התהליך המתואר כאן https://he.player.fm/legal.

Via Podcast

1
Close Encounters with UFO Hot Spots: Area 51, Roswell, and the Great ET Road Trip 39:50

לפני 14 ימים39:50

הפעל מאוחר יותר

רשימות

לייק

אהבתי

39:50

The truth is out West! We’re hopping on the ET Highway and venturing to the most notorious alien hot spots, including Roswell’s infamous crash site, Area 51’s eerie perimeter, and a mysterious desert watchtower. Join us as journalist Laura Krantz, host of the podcast Wild Thing , beams up to share stories from the front lines of UFO reporting—from strange sightings and quirky festivals to a mailbox where people leave letters to extraterrestrials. Maybe you’ll even decide for yourself: Is Earth a tourist stop for spaceships? UFO hot spots you’ll encounter in this episode: - UFO Watchtower (near Great Sand Dunes National Park, Colorado) - Roswell, New Mexico - Area 51, Nevada - Extraterrestrial Highway (aka State Route 375), Nevada - Little A’Le’Inn, ET Highway, Nevada - E.T. Fresh Jerky, ET Highway, Nevada - Alien Research Center, ET Highway, Nevada - The Black Mailbox, ET Highway, Nevada Via Podcast is a production of AAA Mountain West Group .…

לפני שנה 5:10

MP3•בית הפרקים

Today, I'm discussing Next.js client and server components, and how to solve a common issue when using the two together.

297 פרקים

#Tech #Ryan Solomon

This Is A Problem In Next.js

Code Ryan

published לפני שנה

שתפו

MP3•בית הפרקים

Today, I'm discussing Next.js client and server components, and how to solve a common issue when using the two together.

297 פרקים

#Tech #Ryan Solomon

Semua episode

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

לפני 7 hours3: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

לפני 4 ימים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

לפני 7 ימים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

לפני 11 ימים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

לפני 14 ימים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

לפני 18 ימים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

לפני 21 ימים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

לפני 25 ימים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

לפני 28 ימים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

לפני 5 weeks7: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 weeks7: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 weeks7: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 weeks11: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 weeks10: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 weeks8:36

8:36

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

Code Ryan

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

לפני 8 weeks5:43

5:43

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

Code Ryan

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

לפני 9 weeks10:24

10:24

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

Code Ryan

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

לפני 9 weeks4: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

Code Ryan

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

לפני 10 weeks7:31

7:31

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

Code Ryan

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

לפני 10 weeks5:07

5:07

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

Code Ryan

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

לפני 11 weeks6:39

6:39

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

Code Ryan

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

לפני 11 weeks6:27

6:27

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

Code Ryan

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

לפני 12 weeks6:17

6:17

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

Code Ryan

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

לפני 12 weeks4:46

4:46

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

Code Ryan

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

לפני 13 weeks2:58

2:58

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

Code Ryan

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

לפני 13 weeks4:08

4:08

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

Code Ryan

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

לפני 14 weeks6:31

6:31

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

Code Ryan

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

לפני 14 weeks9:04

9:04

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

Code Ryan

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

לפני 15 weeks4: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

Code Ryan

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

לפני 15 weeks12:48

12:48

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

Code Ryan

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

לפני 16 weeks6:56

6:56

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

Code Ryan

1
3 Key Concepts Professional React Developers Master 8:58

לפני 16 weeks8:58

8:58

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

Code Ryan

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

לפני 17 weeks4:39

4:39

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

Code Ryan

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

לפני 17 weeks7:09

7:09

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

Code Ryan

1
Next.js 15 Error Handling Mastery 8:31

לפני 18 weeks8:31

8:31

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

Code Ryan

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

לפני 18 weeks10:29

10:29

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

Code Ryan

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

לפני 19 weeks7:09

7:09

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

Code Ryan

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

לפני 20 weeks9:05

9:05

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

Code Ryan

1
Actually Understanding Context In React.js 18:04

לפני 20 weeks18:04

18:04

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

Code Ryan

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

לפני 21 weeks10: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

Code Ryan

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

לפני 21 weeks6:12

6:12

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

Code Ryan

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

לפני 22 weeks6:20

6:20

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

Code Ryan

1
The Only useReducer Video You Need 24:21

לפני 22 weeks24:21

24:21

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

Code Ryan

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

לפני 23 weeks12:30

12:30

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

Code Ryan

1
Master React State By Solving This Problem 5:26

לפני 23 weeks5: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

ברוכים הבאים אל Player FM!

Player FM סורק את האינטרנט עבור פודקאסטים באיכות גבוהה בשבילכם כדי שתהנו מהם כרגע. זה יישום הפודקאסט הטוב ביותר והוא עובד על אנדרואיד, iPhone ואינטרנט. הירשמו לסנכרון מנויים במכשירים שונים.

תקשיבו ל-500+ נושאים

דומה לCode Ryan

TERRO Ant Killer Bait Stations T300B - Liquid Bait to Eliminate Ants - 12 Count Stations for Effective Indoor Ant Control

Amazon Basics Multipurpose Copy Printer Paper, 8.5 x 11 inches, 20 lb, 1 Ream, 500 Sheets, 92 Bright, White

Bounty Quick Size Paper Towels, White, 8 Family Rolls = 20 Regular Rolls (Packaging May Vary)

פודקאסטים ששווה להאזין

Code Ryan « » This Is A Problem In Next.js

This Is A Problem In Next.js

פודקאסטים ששווה להאזין

ברוכים הבאים אל Player FM!

The Let Them Theory: A Life-Changing Tool That Millions of People Can't Stop Talking About

The Let Them Theory: A Life-Changing Tool That Millions of People Can't Stop Talking About

TurboTax Deluxe 2024 Tax Software, Federal & State Tax Return [PC/MAC Download]

Tubi: Watch Free Movies & TV Shows

The Let Them Theory: A Life-Changing Tool That Millions of People Can't Stop Talking About

דומה לCode Ryan

מדריך עזר מהיר

Code Ryan « »
This Is A Problem In Next.js