Did You Know This About Custom Hooks In React.js? Code Ryan podcast

Artwork

Tech Ryan Solomon

Player FM - Internet Radio Done Right

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

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

<

<div class="span index">1</div> <span><a class="" data-remote="true" data-type="html" href="/series/ted-business">TED Business</a></span>

<div class="span index">1</div> <span><a class="" data-remote="true" data-type="html" href="/series/ted-business">TED Business</a></span> podcast artwork

<div class="span index">1</div> <span><a class="" data-remote="true" data-type="html" href="/series/ted-business">TED Business</a></span> podcast artwork

1
TED Business

Відписатися

5 днів тому5d ago

Відписатися

Щотижня

Whatever your business conundrum, there’s a TED Talk for that—whether you want to learn how to land that promotion, set smart goals, undo injustice at work, or unlock the next big innovation. Every Monday, host Modupe Akinola of Columbia Business School presents the most powerful and surprising ideas that illuminate the business world. After the talk, you'll get a mini-lesson from Modupe on how to apply the ideas in your own life. Because business evolves every day, and our ideas about it should, too. Follow Modupe on Instagram @mnakinola and LinkedIn @mnakinola Hosted on Acast. See acast.com/privacy for more information.

Code Ryan « »
Did You Know This About Custom Hooks In React.js?

рік тому 11:51

Поширити

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

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

Docs: https://react.dev/learn/reusing-logic-with-custom-hooks#recap

… continue reading

296 епізодів

#Tech #Ryan Solomon

Artwork

Did You Know This About Custom Hooks In React.js?

published рік тому

Поширити

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

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

Docs: https://react.dev/learn/reusing-logic-with-custom-hooks#recap

… continue reading

296 епізодів

#Tech #Ryan Solomon

Wszystkie odcinki

×

Artwork

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

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

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.

Artwork

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.

Artwork

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.

Artwork

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

Artwork

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

Artwork

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

Artwork

1
Optimize Your Code In Next.js With Server Actions 6:29

5 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

5 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

6 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

6 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

7 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

7 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

8 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

9 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

9 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

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

C

Code Ryan

Code Ryan podcast artwork

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

C

Code Ryan

Code Ryan podcast artwork

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

C

Code Ryan

Code Ryan podcast artwork

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

C

Code Ryan

Code Ryan podcast artwork

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

C

Code Ryan

Code Ryan podcast artwork

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

C

Code Ryan

Code Ryan podcast artwork

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

C

Code Ryan

Code Ryan podcast artwork

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

C

Code Ryan

Code Ryan podcast artwork

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

C

Code Ryan

Code Ryan podcast artwork

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

C

Code Ryan

Code Ryan podcast artwork

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

C

Code Ryan

Code Ryan podcast artwork

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

C

Code Ryan

Code Ryan podcast artwork

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

C

Code Ryan

Code Ryan podcast artwork

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

C

Code Ryan

Code Ryan podcast artwork

1
3 Key Concepts Professional React Developers Master 8:58

17 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

17 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

18 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

18 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

19 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

19 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

20 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

21 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

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

C

Code Ryan

Code Ryan podcast artwork

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

C

Code Ryan

Code Ryan podcast artwork

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

C

Code Ryan

Code Ryan podcast artwork

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

C

Code Ryan

Code Ryan podcast artwork

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

C

Code Ryan

Code Ryan podcast artwork

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

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

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

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

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

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

Вмістожер

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

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

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

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

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

Відтворити