Learn Modern React.js In 20 Minutes Code Ryan podcast

Artwork

Tech Ryan Solomon

Player FM - Internet Radio Done Right

추가했습니다 two 년 전

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

N

Netflix Sports Club Podcast

Netflix Sports Club Podcast podcast artwork

Netflix Sports Club Podcast podcast artwork

1
America’s Sweethearts: Dallas Cowboys Cheerleaders Season 2 - Tryouts, Tears, & Texas 32:48

4 weeks 전32:48

나중에 재생

나중에 재생

32:48

America’s Sweethearts: Dallas Cowboys Cheerleaders is back for its second season! Kay Adams welcomes the women who assemble the squad, Kelli Finglass and Judy Trammell, to the Netflix Sports Club Podcast. They discuss the emotional rollercoaster of putting together the Dallas Cowboys Cheerleaders. Judy and Kelli open up about what it means to embrace flaws in the pursuit of perfection, how they identify that winning combo of stamina and wow factor, and what it’s like to see Thunderstruck go viral. Plus, the duo shares their hopes for the future of DCC beyond the field. Netflix Sports Club Podcast Correspondent Dani Klupenger also stops by to discuss the NBA Finals, basketball’s biggest moments with Michael Jordan and LeBron, and Kevin Durant’s international dominance. Dani and Kay detail the rise of Coco Gauff’s greatness and the most exciting storylines heading into Wimbledon. We want to hear from you! Leave us a voice message at www.speakpipe.com/NetflixSportsClub Find more from the Netflix Sports Club Podcast @NetflixSports on YouTube, TikTok, Instagram, Facebook, and X. You can catch Kay Adams @heykayadams and Dani Klupenger @daniklup on IG and X. Be sure to follow Kelli Finglass and Judy Trammel @kellifinglass and @dcc_judy on IG. Hosted by Kay Adams, the Netflix Sports Club Podcast is an all-access deep dive into the Netflix Sports universe! Each episode, Adams will speak with athletes, coaches, and a rotating cycle of familiar sports correspondents to talk about a recently released Netflix Sports series. The podcast will feature hot takes, deep analysis, games, and intimate conversations. Be sure to watch, listen, and subscribe to the Netflix Sports Club Podcast on YouTube, Spotify, Tudum, or wherever you get your podcasts. New episodes on Fridays every other week.…

Code Ryan « »
Learn Modern React.js In 20 Minutes

약 1년 전 20:43

공유

MP3•에피소드 홈

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

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.

… continue reading

298 에피소드

#Tech #Ryan Solomon

Artwork

Learn Modern React.js In 20 Minutes

published 약 1년 전

공유

MP3•에피소드 홈

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

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.

… continue reading

298 에피소드

#Tech #Ryan Solomon

Toate episoadele

×

Artwork

1
Finally Understand props.children In React.js 5:21

4 hours 전5:21

나중에 재생

나중에 재생

5:21

Finally Understand props.children In React.js

Artwork

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

4일 전9:57

나중에 재생

나중에 재생

9:57

Artwork

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

7일 전9:19

나중에 재생

나중에 재생

9:19

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

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

Artwork

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

18일 전6:52

나중에 재생

나중에 재생

6:52

Artwork

1
Master React.memo for Smarter Rendering 5:12

21일 전5:12

나중에 재생

나중에 재생

5:12

Artwork

1
Supercharge React Performance with useMemo 7:01

25일 전7:01

나중에 재생

나중에 재생

7:01

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!

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

Artwork

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

5 weeks 전10:24

나중에 재생

나중에 재생

10:24

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

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…

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.

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

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.

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.

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.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

500개 이상의 주제를 청취

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