Stop Using useEffect For This In React

Code Ryan

Player FM - Internet Radio Done Right

הוסף לפני two שנים

תוכן מסופק על ידי Ryan Solomon. כל תוכן הפודקאסטים כולל פרקים, גרפיקה ותיאורי פודקאסטים מועלים ומסופקים ישירות על ידי Ryan Solomon או שותף פלטפורמת הפודקאסט שלהם. אם אתה מאמין שמישהו משתמש ביצירה שלך המוגנת בזכויות יוצרים ללא רשותך, אתה יכול לעקוב אחר התהליך המתואר כאן https://he.player.fm/legal.

The Wednesday Season 2 Official Woecast

1
Here We Woe Again: Jenna Ortega, Creators Al Gough & Miles Millar 31:46

לפני 26 ימים31:46

הפעל מאוחר יותר

רשימות

לייק

אהבתי

31:46

BE WARNED! This podcast will contain spoilers for Wednesday Season 2, episodes 1-4. Jenna Ortega peels back the layers on the new tension between Wednesday and Enid. And that terrifying vision! Plus… Series showrunners Al Gough and Miles Millar reveal why they made Morticia Addams such a central character in this season, and what it means for Wednesday. Whether you’re a normie or an outcast, the Wednesday Season 2 Official Woecast is the place for all things Nevermore! Join host Caitlin Reilly each week as she takes you deep into the twisted world of Wednesday with an amazing group of guests! And producer Thing will be helping out to make sure everything goes to plan - well, mostly, anyway... For more juicy details about Wednesday Season 2, head over to Tudum.com to get all of the latest updates. 00:00 Intro 1:15 Preparing for Season 23:25 Evolving Wednesday’s look for Season 24:12 Addams clan expands for Season 26:12 Joanna Lumley joining the cast 7:38 Wednesday and Enid 9:00 Wednesday’s Vision 10:50 Jenna is a Producer 13:45 Al and Miles introduction 14:03 Wednesday takes down a Serial Killer 15:05 Intergenerational Relationships between the Addams Women 17:48 Catherine Zeta-Jones as Morticia in Season 2 20:48 Wednesday and Enid’s relationship2 4:04 Steve Buscemi joining the cast 26:19 Wednesday’s popular! 27:45 Boy with the Clockwork Heart stop motion sequence…

לפני שנה 6:11

MP3•בית הפרקים

Today, I cover an anti-pattern with using the useEffect hook in React.js

297 פרקים

#Tech #Ryan Solomon

Code Ryan

Stop Using useEffect For This In React

Code Ryan

published לפני שנה

שתפו

MP3•בית הפרקים

Today, I cover an anti-pattern with using the useEffect hook in React.js

297 פרקים

#Tech #Ryan Solomon

همه قسمت ها

Code Ryan

1
Avoid This Rookie Developer Mistake -- Debounce 6:45

לפני 6 weeks6:45

6:45

Today I cover debouncing network requests in your React/Next.js apps -- but this concept applies more broadly. TLDR; it sometimes makes sense to only trigger a network request once the user has stopped interacting for a certain amount of time

Code Ryan

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

לפני 6 weeks5:21

5:21

Finally Understand props.children In React.js

Code Ryan

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

לפני 7 weeks9:57

9:57

Code Ryan

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

לפני 7 weeks9:19

9:19

Code Ryan

1
3 JavaScript Features You Need To Know For React 13:38

לפני 8 weeks13:38

13:38

3 JavaScript Features You Need To Know For React

Code Ryan

1
Pro Next.js Developers Understand This | Fetch Revalidation 9:04

לפני 8 weeks9:04

9:04

Learn how revalidation works in your fetch requests in Next.js

Code Ryan

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

לפני 9 weeks6:52

6:52

Code Ryan

1
Master React.memo for Smarter Rendering 5:12

לפני 9 weeks5:12

5:12

Code Ryan

1
Supercharge React Performance with useMemo 7:01

לפני 10 weeks7:01

7:01

Code Ryan

1
Next.js Error Handling: Like a Pro 10:24

לפני 10 weeks10:24

10:24

Learn how to handle uncaught errors in your Next.js apps!

Code Ryan

1
Stop Using useEffect For This In React 6:11

לפני 11 weeks6:11

6:11

Today, I cover an anti-pattern with using the useEffect hook in React.js

Code Ryan

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

לפני 11 weeks10:24

10:24

Code Ryan

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

לפני 12 weeks10:06

10:06

Docs: https://nextjs.org/docs/app/building-your-application/routing/linking-and-navigating#2-prefetching

Code Ryan

1
Controlled vs Uncontrolled Components in React | Explained Clearly 9:06

לפני 12 weeks9: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…

Code Ryan

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

לפני 13 weeks3: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.

Code Ryan

1
This Causes An Error In Next.js 4:17

לפני 14 weeks4: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

Code Ryan

1
An AI Tool That's Actually Worth It For Developers 7:32

לפני 14 weeks7: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.

Code Ryan

1
This One Fix Makes Your Next.js App Faster and Cleaner 8:48

לפני 15 weeks8: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.

Code Ryan

1
Learn Modern React.js In 20 Minutes 20:43

לפני 15 weeks20: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.

Code Ryan

1
What "use client" Really Does In Next.js 10:17

לפני 16 weeks10:17

10:17

docs: https://nextjs.org/docs/app/building-your-application/rendering/client-components

Code Ryan

1
Finally Understand Server Components In Next.js 11:36

לפני 16 weeks11:36

11:36

Docs: https://nextjs.org/docs/app/building-your-application/rendering/server-components

Code Ryan

1
Understanding Rendering in React & Next.js (The Full Picture) 9:38

לפני 17 weeks9:38

9:38

Docs: https://nextjs.org/docs/app/building-your-application/rendering

Code Ryan

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

לפני 17 weeks6:29

6:29

Docs: https://nextjs.org/docs/app/building-your-application/data-fetching/server-actions-and-mutations

Code Ryan

1
Stream Your Data To Fix Bad UX In Next.js 15 7:57

לפני 18 weeks7:57

7:57

Learn how to use Suspense and streaming for sequential data fetching in Next.js

Code Ryan

1
Developers Really Need To Be Aware Of This 7:32

לפני 18 weeks7:32

7:32

Docs: https://nextjs.org/docs/app/building-your-application/data-fetching/fetching#patterns

Code Ryan

1
THIS Is How To Fetch Data In Next.js 7:42

לפני 19 weeks7:42

7:42

Docs: https://nextjs.org/docs/app/building-your-application/data-fetching/fetching#reference

Code Ryan

1
Did You Know This About Custom Hooks In React.js? 11:51

לפני 19 weeks11:51

11:51

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

Code Ryan

1
Your Complete Guide To Middleware In Next.js 15 10:47

לפני 20 weeks10:47

10:47

Middleware Docs: https://nextjs.org/docs/app/building-your-application/routing/middleware

Code Ryan

1
Prevent This Race Condition In React.js 8:36

לפני 20 weeks8: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

לפני 21 weeks5: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

לפני 22 weeks10: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

לפני 22 weeks4: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

לפני 23 weeks7: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

לפני 23 weeks5: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

לפני 24 weeks6: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

לפני 24 weeks6: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

לפני 25 weeks6: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

לפני 25 weeks4: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

לפני 26 weeks2: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

לפני 26 weeks4: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

לפני 27 weeks6: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

לפני 27 weeks9: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

לפני 28 weeks4: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

לפני 28 weeks12: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

לפני 29 weeks6: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

לפני 29 weeks8: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

לפני 30 weeks4: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

לפני 30 weeks7: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

לפני 31 weeks8: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

לפני 31 weeks10: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

לפני 32 weeks7: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

לפני 33 weeks9: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

לפני 33 weeks18: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

לפני 34 weeks10: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

לפני 34 weeks6: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

לפני 35 weeks6: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

לפני 35 weeks24: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

לפני 36 weeks12: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

לפני 36 weeks5: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

Code Ryan

1
How Pages Really Work In Next.js 15 6:52

לפני 37 weeks6: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

Code Ryan

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

לפני 45 weeks7: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.

Code Ryan

1
React State Updates Explained: Why Is Your State Wrong? 12:58

לפני 45 weeks12:58

12:58

What does it mean for React to "batch" state updates? Why does it matter?

Code Ryan

1
Master 3 Essential Next.js Concepts in 3(ish) Minutes! 4:26

לפני 46 weeks4:26

4:26

Today, you'll gain a high level understanding of 3 core Next.js concepts in just a few minutes. I cover file based routing, server/client components, and server actions.

Code Ryan

1
A Commonly Misunderstood React Concept 8:20

לפני 46 weeks8:20

8:20

Today, I do my best to clearly explain how snapshots work in React and why they're important to understand.

Code Ryan

1
Most React Developers Don't Understand This 11:04

לפני 47 weeks11:04

11:04

Today, I'm going to fully explain the rendering, re-rendering, and committing phases in React.js

Code Ryan

1
This Is A Problem In Next.js 5:10

לפני 47 weeks5:10

5:10

Today, I'm discussing Next.js client and server components, and how to solve a common issue when using the two together.

Code Ryan

1
The Next.js Mistake That Breaks Your Data 5:43

לפני 48 weeks5:43

5:43

https://nextjs.org/docs/app/api-reference/functions/revalidatePath

Code Ryan

1
React State: The Key to Dynamic UIs Explained! 26:51

לפני 48 weeks26:51

26:51

Code: https://github.com/coderyansolomon/react-state In this video, we'll explore why React's useState hook is essential for building interactive user interfaces. Through a simple counter example, you'll see how relying on plain JavaScript variables fails to trigger UI updates when data changes. By the end, you'll understand how state management ensures your components stay in sync with dynamic data.…

Code Ryan

1
Master React in Minutes: Essential Event Handling Techniques 20:52

לפני 49 weeks20:52

20:52

Learn how to handle events in React.js with this step-by-step tutorial, perfect for beginners. We'll cover essential techniques for managing button clicks, input changes, and form submissions in a simple, easy-to-follow format. By the end, you'll be equipped to confidently implement event handling in your React projects! Code: https://github.com/coderyansolomon/react-events…

Code Ryan

1
EASY UX Upgrade: Snap Scrolling with Next.js & Tailwind 19:50

לפני 49 weeks19:50

19:50

Learn how to build a cool scroll-snap feature in Next.js using Tailwind CSS! Final Code: https://github.com/coderyansolomon/scrollsnap

Code Ryan

1
Avoid This Common React Mistake Newbies Make 7:34

לפני 50 weeks7:34

7:34

Topics Covered: What is an event? How are event handlers typically passed? Calling a function rather than passing a reference to a function But what if you need to pass arguments? When possible, I like creating functions outside of the component so I can test them a bit easier via exports

Code Ryan

1
The Surprising Key to Overcoming Coding Blocks 4:42

לפני 50 weeks4:42

4:42

Today, I discuss a helpful stragety that has helped improve my productivity as a software engineer while saving me some mental fatigue as well.

Code Ryan

1
THIS Is The HARDEST Part Of Software Engineering 6:38

לפני 51 weeks6:38

6:38

Today, I discuss what I think is one of the hardest parts about software engineering.

Code Ryan

1
React State Explained: The Key to Dynamic Apps (Beginner's Guide) 4:56

לפני 51 weeks4:56

4:56

Today, I cover exactly what state is in React.js.

Code Ryan

1
5 Things I Love About Being a Software Engineer (And You Will Too) 6:20

לפני 52 weeks6:20

6:20

In today's video, I cover 5 things I really enjoy about being a software engineer. And for the record, I don't actually think AI will be taking all of our jobs.. yet.

ברוכים הבאים אל Player FM!

Player FM סורק את האינטרנט עבור פודקאסטים באיכות גבוהה בשבילכם כדי שתהנו מהם כרגע. זה יישום הפודקאסט הטוב ביותר והוא עובד על אנדרואיד, iPhone ואינטרנט. הירשמו לסנכרון מנויים במכשירים שונים.