React Hooks Mastery: UseContext Code Ryan podcast

Artwork

Tech Ryan Solomon

Player FM - Internet Radio Done Right

추가했습니다 two 년 전

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

S

Species Unite

Species Unite podcast artwork

Species Unite podcast artwork

1
Trevor Ritland: The Golden Toad 34:01

27일 전34:01

나중에 재생

나중에 재생

34:01

I think you could probably go back and track the stages of grief, probably that is what I went through. But I think if you do it right, you end up at acceptance. And that's where I ended up. And that's not to say that I've fully accepted the idea that the golden toad is extinct. Personally, I do still hold out hope that it could still be out there in those forests." - Trevor Ritland This conversation is with Trevor Ritland, who—along with his twin brother Kyle—authored The Golden Toad . The book chronicles their remarkable journey into Costa Rica’s cloud forest, once home to hundreds of brilliant golden toads that would emerge for just a few weeks each year—until, one day, they vanished without a trace. What began as a search for a lost species soon became something much more profound: a confrontation with ecological grief, a meditation on hope, and a powerful call to protect the natural world while we still can. Links: SpeciesUnite.com Kyle and Trevor: https://kyleandtrevor.com/ Instagram: https://www.instagram.com/adventureterm/ Goodreads - https://www.goodreads.com/book/show/222249677-the-golden-toad Amazon - https://www.amazon.com/Golden-Toad-Ecological-Mystery-Species/dp/163576996…

Code Ryan « »
React Hooks Mastery: useContext

2년 전 9:37

공유

MP3•에피소드 홈

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

… continue reading

298 에피소드

#Tech #Ryan Solomon

Artwork

React Hooks Mastery: useContext

published 2년 전

공유

MP3•에피소드 홈

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

… continue reading

298 에피소드

#Tech #Ryan Solomon

Toate episoadele

×

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

4 hours 전5:21

나중에 재생

나중에 재생

5:21

Finally Understand props.children In React.js

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

4일 전9:57

나중에 재생

나중에 재생

9:57

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

7일 전9:19

나중에 재생

나중에 재생

9:19

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

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

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

18일 전6:52

나중에 재생

나중에 재생

6:52

1
Master React.memo for Smarter Rendering 5:12

21일 전5:12

나중에 재생

나중에 재생

5:12

1
Supercharge React Performance with useMemo 7:01

25일 전7:01

나중에 재생

나중에 재생

7:01

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!

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

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

5 weeks 전10:24

나중에 재생

나중에 재생

10:24

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

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…

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.

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

C

Code Ryan

Code Ryan podcast 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.

C

Code Ryan

Code Ryan podcast 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.

C

Code Ryan

Code Ryan podcast 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.

C

Code Ryan

Code Ryan podcast 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

C

Code Ryan

Code Ryan podcast 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

C

Code Ryan

Code Ryan podcast 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

C

Code Ryan

Code Ryan podcast 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

C

Code Ryan

Code Ryan podcast 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

C

Code Ryan

Code Ryan podcast 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

C

Code Ryan

Code Ryan podcast 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

C

Code Ryan

Code Ryan podcast 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

C

Code Ryan

Code Ryan podcast 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

C

Code Ryan

Code Ryan podcast 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

C

Code Ryan

Code Ryan podcast 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

C

Code Ryan

Code Ryan podcast 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

C

Code Ryan

Code Ryan podcast artwork

1
A Next.js Fundamental You Need To Master 13:18

32 weeks 전13:18

나중에 재생

나중에 재생

13:18

Learn how to define routes in Next.js 15. Docs: https://nextjs.org/docs/app/building-your-application/routing/defining-routes

C

Code Ryan

Code Ryan podcast artwork

1
This Is A Common Misconception In React.js 9:19

32 weeks 전9:19

나중에 재생

나중에 재생

9:19

Docs: https://react.dev/learn/preserving-and-resetting-state#

C

Code Ryan

Code Ryan podcast artwork

1
This Is A Breaking Change For Next.js 15 4:06

33 weeks 전4:06

나중에 재생

나중에 재생

4:06

Today, I cover the change from sync to async apis in Next.js 15. Docs: https://nextjs.org/docs/app/building-your-application/upgrading/version-15

C

Code Ryan

Code Ryan podcast artwork

1
A Fundamental React.js Concept - Lifting State 9:33

33 weeks 전9:33

나중에 재생

나중에 재생

9:33

Today, I discuss what it means to lift state in React.js and show you an example of how this might be done.

C

Code Ryan

Code Ryan podcast artwork

1
This Is How To Structure State In React.js 11:19

34 weeks 전11:19

나중에 재생

나중에 재생

11:19

Today, I cover 5 principles of structuring state in your React applications. Docs: https://react.dev/learn/choosing-the-state-structure#

C

Code Ryan

Code Ryan podcast artwork

1
The Top 3 Next.js 15 Project Organization Strategies 9:07

34 weeks 전9:07

나중에 재생

나중에 재생

9:07

Today, I discuss a few solid options for organizing your Next.js projects. Docs: https://nextjs.org/docs/canary/app/building-your-application/routing/colocation#project-organization-strategies

C

Code Ryan

Code Ryan podcast artwork

1
NEW Next.js 15 Feature! Enhanced Forms 7:51

35 weeks 전7:51

나중에 재생

나중에 재생

7:51

Today, I show you a cool new feature of Next.js 15 forms: Client Side Navigation

C

Code Ryan

Code Ryan podcast artwork

1
The Modern Guide To Using State In React.js 17:22

35 weeks 전17:22

나중에 재생

나중에 재생

17:22

I show you a step by step process for how to think about using state in React.js

C

Code Ryan

Code Ryan podcast artwork

1
I Really Didn't Understand This.. 11:27

36 weeks 전11:27

나중에 재생

나중에 재생

11:27

Today, I discuss declarative vs imperative programming in the context of React.js and why it matters.

C

Code Ryan

Code Ryan podcast artwork

1
A Developer Lesson Learned The Hard Way 5:14

36 weeks 전5:14

나중에 재생

나중에 재생

5:14

As a web developer, it can be easy to just push a PR without considering how you can make things more maintainable and extendable in the long run.

C

Code Ryan

Code Ryan podcast artwork

1
This Is A Bad Idea In React.js 12:27

37 weeks 전12:27

나중에 재생

나중에 재생

12:27

Today, I show some examples of mistakes you can make (bad ideas) when working with arrays in React.js state

C

Code Ryan

Code Ryan podcast artwork

1
This Is A New Helpful Feature In Next.js 15 6:13

37 weeks 전6:13

나중에 재생

나중에 재생

6:13

Today, I cover what the status indicator means in your Next.js application as well as giving you a refresher on static vs dynamic rendering. Docs: https://nextjs.org/docs/app/api-reference/next-config-js/devIndicators#appisrstatus-static-indicator

C

Code Ryan

Code Ryan podcast artwork

1
Doing This Is A Bad Idea In Your React Apps 11:55

38 weeks 전11:55

나중에 재생

나중에 재생

11:55

Mutating state isn't a great idea in your React apps. But how should you update your objects and arrays? Doing full replacements or creating copies. I show you how in this video.

C

Code Ryan

Code Ryan podcast artwork

1
Do You Need A Degree For Software Engineering? 8:55

38 weeks 전8:55

나중에 재생

나중에 재생

8:55

I discuss my experience with having a college degree for software engineering and if I think it's needed or not.

C

Code Ryan

Code Ryan podcast artwork

1
Avoid This Next.js Anti-Pattern 7:23

39 weeks 전7:23

나중에 재생

나중에 재생

7:23

A common anti-pattern or mistake that's easy to make in your web apps is creating waterfalls with your network requests.

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

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

500개 이상의 주제를 청취

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