An Anti-Pattern To Avoid 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.

T

The Innovators & Investors Podcast

The Innovators & Investors Podcast podcast artwork

The Innovators & Investors Podcast podcast artwork

1
Bridging Worlds: Amar Bakshi on Transforming Global Connection with Noro 36:44

18 днів тому36:44

Відтворити Пізніше

Відтворити Пізніше

Подобається

Подобається

36:44

In this episode of the Innovators and Investors Podcast, host Kristian Marquez sits down with Amar Bakshi, founder of Shared Studios and Noro, to explore how Amar’s visionary work is redefining human connection through immersive technology. Amar shares the evolution from his original art project, which connected strangers worldwide via life-size video portals installed in locations from New York to Tehran, refugee camps, and universities, to creating Noro’s cutting-edge video conferencing solutions that bridge the gap between virtual meetings and face-to-face interaction. They discuss the inspiration behind his projects, including his personal experiences as a journalist and his grandmother’s story of displacement, highlighting the emotional and cultural impact of authentic human connection. Amar explains the challenges of building a global network in complex political environments, the importance of community-led curation, and leveraging technology to enable deeper trust and collaboration beyond traditional video calls like Zoom. The conversation also covers insights into building company culture, navigating the transition from art to business, raising capital, and how AI and future tech innovations could enhance multilingual communication and intimacy in virtual settings. Amar closes by sharing lessons learned as a founder about balancing commitment with perspective and fostering inclusive, purpose-driven teams. This episode provides a thoughtful look at how technology can create meaningful, serendipitous human connections across borders and industries. Learn more about Amar's work at https://noro.co/ Connect with Amar on LinkedIn at https://www.linkedin.com/in/amarcbakshi/ Think you'd be a great guest on the show? Apply at https://finstratmgmt.com/innovators-investors-podcast/podcast-guest-application/ Want to learn more about Kristian Marquez's work? Check out his website at https://finstratmgmt.com…

Code Ryan « »
An Anti-Pattern To Avoid In React.js

19 днів тому 3:51

Поширити

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

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

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.

… continue reading

296 епізодів

#Tech #Ryan Solomon

Artwork

An Anti-Pattern To Avoid In React.js

published 19 днів тому

Поширити

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

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

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.

… continue reading

296 епізодів

#Tech #Ryan Solomon

All episodes

×

Artwork

1
Stop Using useEffect For This In React 6:11

2 дні тому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 днів тому10:24

Відтворити Пізніше

Відтворити Пізніше

Подобається

Подобається

10:24

Artwork

1
This One Line Makes Your Next.js App Feel Instant ⚡ 10:06

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

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

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

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

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

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

5 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

5 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

6 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

6 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

7 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

7 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

8 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

8 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

9 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

9 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

10 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

11 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

11 weeks тому10:24

Відтворити Пізніше

Відтворити Пізніше

Подобається

Подобається

10:24

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

Artwork

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

12 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

Artwork

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

12 weeks тому7:31

Відтворити Пізніше

Відтворити Пізніше

Подобається

Подобається

7:31

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

Artwork

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

13 weeks тому5:07

Відтворити Пізніше

Відтворити Пізніше

Подобається

Подобається

5:07

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

Artwork

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

13 weeks тому6:39

Відтворити Пізніше

Відтворити Пізніше

Подобається

Подобається

6:39

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

Artwork

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

14 weeks тому6:27

Відтворити Пізніше

Відтворити Пізніше

Подобається

Подобається

6:27

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

Artwork

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

14 weeks тому6:17

Відтворити Пізніше

Відтворити Пізніше

Подобається

Подобається

6:17

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

Artwork

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

15 weeks тому4:46

Відтворити Пізніше

Відтворити Пізніше

Подобається

Подобається

4:46

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

Artwork

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

15 weeks тому2:58

Відтворити Пізніше

Відтворити Пізніше

Подобається

Подобається

2:58

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

Artwork

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

16 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

16 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

17 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

17 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

18 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

18 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

19 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

19 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

20 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

20 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

21 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

21 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

22 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

23 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

23 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

24 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

24 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

25 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

25 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

26 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

26 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

27 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

27 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

28 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

28 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

29 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

29 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

30 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

30 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

31 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

31 weeks тому11:27

Відтворити Пізніше

Відтворити Пізніше

Подобається

Подобається

11:27

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

Ласкаво просимо до Player FM!

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

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

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

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

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

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

Вмістожер

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

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

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

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

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

Відтворити