Become a Next.js Routing Pro: Dynamic & Catch-All Routes Tutorial

Code Ryan

Player FM - Internet Radio Done Right

اضافه شده در two سال پیش

محتوای ارائه شده توسط Ryan Solomon. تمام محتوای پادکست شامل قسمت‌ها، گرافیک‌ها و توضیحات پادکست مستقیماً توسط Ryan Solomon یا شریک پلتفرم پادکست آن‌ها آپلود و ارائه می‌شوند. اگر فکر می‌کنید شخصی بدون اجازه شما از اثر دارای حق نسخه‌برداری شما استفاده می‌کند، می‌توانید روندی که در اینجا شرح داده شده است را دنبال کنید.https://fa.player.fm/legal

Good Moms Bad Choices

1
5 Ways To Rethink Dating 1:36:55

17 weeks پیش1:36:55

پخش در آینده

لیست ها

پسندیدن

دوست داشته شد

1:36:55

What’s up, Tribe, and welcome back to Good Moms Bad Choices! January was amazing, but its time to turn the page on the calendar and embrace beautiful new energy as we enter ‘The Journey of Love February.’ This month is all about the heart - join Erica and Milah to catch up and discuss what’s new in the world of motherhood, marriage, and amor! In this week’s episode, the ladies offer witty and sharp perspectives about personal growth in love, supporting your kids through their friend drama, and how to honor your true needs in a partnership. Mama Bear to the Rescue! The Good Moms discuss protective parenting and helping your kids fight their battles (8:00) Bad Choice of the Week: Help! My kids saw me in my lingerie! (20:00) My Happily Ever After: Erica and Milah discuss the prospect of marriage, dreams of becoming a housewife, and the top 5 ways to be confident in love (32:00) Yoni Mapping: Releasing Trauma and Increasing Pleasure (57:00) Its OK to fuck up, but also, what do you (really) bring to the table: The Good Moms have an honest discussion about finding accountability and growth before love (1:03:00) Watch This episode & more on YouTube! Catch up with us over at Patreon and get all our Full visual episodes, bonus content & early episode releases. Join our private Facebook group! Let us help you! Submit your advice questions, anonymous secrets or vent about motherhood anonymously! Submit your questions Connect With Us: @GoodMoms_BadChoices @TheGoodVibeRetreat @Good.GoodMedia @WatchErica @Milah_Mapp Official GMBC Music: So good feat Renee, Trip and http://www.anthemmusicenterprises.com Join us this summer in paradise at the Good Vibe Rest+Vibe Retreat in Costa Rica July 31- August 5 August 8 - August 13 See omnystudio.com/listener for privacy information.…

حدود یک سال پیش 15:10

MP3•خانه قسمت

GitHub: https://github.com/coderyansolomon/dynamic

Next.js Docs: https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes

JSON Placeholder API: https://jsonplaceholder.typicode.com/

Dive deep into the world of Next.js with this comprehensive tutorial on dynamic and catch-all routes. Learn how to effectively implement flexible routing strategies that can transform your web applications. This video will guide you step-by-step through the concepts and practical implementations, ensuring you have all the tools needed to leverage these powerful features in Next.js.

296 قسمت

#Tech #Ryan Solomon

Become a Next.js Routing Pro: Dynamic & Catch-All Routes Tutorial

Code Ryan

published حدود یک سال پیش

اشتراک گذاری

MP3•خانه قسمت

GitHub: https://github.com/coderyansolomon/dynamic

Next.js Docs: https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes

JSON Placeholder API: https://jsonplaceholder.typicode.com/

296 قسمت

#Tech #Ryan Solomon

همه قسمت ها

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

۴ روز پیش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

۸ روز پیش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

11 روز پیش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

15 روز پیش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

18 روز پیش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

22 روز پیش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

25 روز پیش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

29 روز پیش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

۵ 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

۵ 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

۶ 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

۶ 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

۷ 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

۷ 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

۸ weeks پیش8: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

۹ weeks پیش5: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

۹ weeks پیش10: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

10 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

Code Ryan

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

10 weeks پیش7: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

11 weeks پیش5: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 weeks پیش6: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

12 weeks پیش6: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 weeks پیش6: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

13 weeks پیش4: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 weeks پیش2: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

14 weeks پیش4: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 weeks پیش6: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

15 weeks پیش9: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 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

Code Ryan

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

16 weeks پیش12: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 weeks پیش6: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

17 weeks پیش8: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 weeks پیش4: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

18 weeks پیش7: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 weeks پیش8: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

19 weeks پیش10: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 weeks پیش7: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 weeks پیش9: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

21 weeks پیش18: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 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

Code Ryan

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

22 weeks پیش6: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 weeks پیش6: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

23 weeks پیش24: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 weeks پیش12: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

24 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

به Player FM خوش آمدید!

Player FM در سراسر وب را برای یافتن پادکست های با کیفیت اسکن می کند تا همین الان لذت ببرید. این بهترین برنامه ی پادکست است که در اندروید، آیفون و وب کار می کند. ثبت نام کنید تا اشتراک های شما در بین دستگاه های مختلف همگام سازی شود.