Player FM - Internet Radio Done Right
Checked 1M ago
تمت الإضافة منذ قبل two أعوام
المحتوى المقدم من Ryan Solomon. يتم تحميل جميع محتويات البودكاست بما في ذلك الحلقات والرسومات وأوصاف البودكاست وتقديمها مباشرة بواسطة Ryan Solomon أو شريك منصة البودكاست الخاص بهم. إذا كنت تعتقد أن شخصًا ما يستخدم عملك المحمي بحقوق الطبع والنشر دون إذنك، فيمكنك اتباع العملية الموضحة هنا https://ar.player.fm/legal.
Player FM - تطبيق بودكاست
انتقل إلى وضع عدم الاتصال باستخدام تطبيق Player FM !
انتقل إلى وضع عدم الاتصال باستخدام تطبيق Player FM !
المدونة الصوتية تستحق الاستماع
برعاية
L
Love Is Blind UK: The Official Podcast


1 Katisha and Javen talk triangles and photobooths with Sam Prince and Liv Bentley 37:22
37:22
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب37:22
Sarel is back to delve into all the drama from this week's drop of Love is Blind UK. Javen opens up about his time in the pods and responds to claims on social media that he was playing a game…. Meanwhile, Katisha reveals what she thought of Javen after the mixer. Expect emotional confessions and awkward confrontations with reality royalty Liv Bentley and Sam Prince. Subscribe now and buckle up for the ultimate Love Is Blind UK experience! Listen to more from Netflix Podcasts.…
Stop Using useEffect For This In React
Manage episode 489681626 series 3493400
المحتوى المقدم من Ryan Solomon. يتم تحميل جميع محتويات البودكاست بما في ذلك الحلقات والرسومات وأوصاف البودكاست وتقديمها مباشرة بواسطة Ryan Solomon أو شريك منصة البودكاست الخاص بهم. إذا كنت تعتقد أن شخصًا ما يستخدم عملك المحمي بحقوق الطبع والنشر دون إذنك، فيمكنك اتباع العملية الموضحة هنا https://ar.player.fm/legal.
Today, I cover an anti-pattern with using the useEffect hook in React.js
297 حلقات
Manage episode 489681626 series 3493400
المحتوى المقدم من Ryan Solomon. يتم تحميل جميع محتويات البودكاست بما في ذلك الحلقات والرسومات وأوصاف البودكاست وتقديمها مباشرة بواسطة Ryan Solomon أو شريك منصة البودكاست الخاص بهم. إذا كنت تعتقد أن شخصًا ما يستخدم عملك المحمي بحقوق الطبع والنشر دون إذنك، فيمكنك اتباع العملية الموضحة هنا https://ar.player.fm/legal.
Today, I cover an anti-pattern with using the useEffect hook in React.js
297 حلقات
كل الحلقات
×C
Code Ryan

1 Avoid This Rookie Developer Mistake -- Debounce 6:45
6: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
C
Code Ryan

1 Finally Understand props.children In React.js 5:21
5:21
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب5:21
Finally Understand props.children In React.js
C
Code Ryan

1 Software Engineering in 2035: Will We Still Matter? 9:57
9:57
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب9:57
C
Code Ryan

1 Next.js: Optimize & Use Google + Local Custom Fonts 9:19
9:19
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب9:19
C
Code Ryan

1 3 JavaScript Features You Need To Know For React 13:38
13:38
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب13:38
3 JavaScript Features You Need To Know For React
C
Code Ryan

1 Pro Next.js Developers Understand This | Fetch Revalidation 9:04
9:04
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب9:04
Learn how revalidation works in your fetch requests in Next.js
C
Code Ryan

1 Prevent Unnecessary Re-Renders with React’s useCallback Hook 6:52
6:52
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب6:52
C
Code Ryan

C
Code Ryan

1 Supercharge React Performance with useMemo 7:01
7:01
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب7:01
C
Code Ryan

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

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

1 5 JavaScript Tricks You Wish You Knew Sooner 10:24
10:24
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب10:24
C
Code Ryan

1 This One Line Makes Your Next.js App Feel Instant ⚡ 10:06
10:06
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب10:06
Docs: https://nextjs.org/docs/app/building-your-application/routing/linking-and-navigating#2-prefetching
C
Code Ryan

1 Controlled vs Uncontrolled Components in React | Explained Clearly 9:06
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…
C
Code Ryan

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

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

1 An AI Tool That's Actually Worth It For Developers 7:32
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

1 This One Fix Makes Your Next.js App Faster and Cleaner 8:48
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

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

1 What "use client" Really Does In Next.js 10:17
10:17
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب10:17
docs: https://nextjs.org/docs/app/building-your-application/rendering/client-components
C
Code Ryan

1 Finally Understand Server Components In Next.js 11:36
11:36
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب11:36
Docs: https://nextjs.org/docs/app/building-your-application/rendering/server-components
C
Code Ryan

1 Understanding Rendering in React & Next.js (The Full Picture) 9:38
9:38
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب9:38
Docs: https://nextjs.org/docs/app/building-your-application/rendering
C
Code Ryan

1 Optimize Your Code In Next.js With Server Actions 6:29
6:29
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب6:29
Docs: https://nextjs.org/docs/app/building-your-application/data-fetching/server-actions-and-mutations
C
Code Ryan

1 Stream Your Data To Fix Bad UX In Next.js 15 7:57
7:57
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب7:57
Learn how to use Suspense and streaming for sequential data fetching in Next.js
C
Code Ryan

1 Developers Really Need To Be Aware Of This 7:32
7:32
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب7:32
Docs: https://nextjs.org/docs/app/building-your-application/data-fetching/fetching#patterns
C
Code Ryan

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

1 Did You Know This About Custom Hooks In React.js? 11:51
11:51
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب11:51
Docs: https://react.dev/learn/reusing-logic-with-custom-hooks#recap
C
Code Ryan

1 Your Complete Guide To Middleware In Next.js 15 10:47
10:47
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب10:47
Middleware Docs: https://nextjs.org/docs/app/building-your-application/routing/middleware
C
Code Ryan

Docs: https://react.dev/learn/you-might-not-need-an-effect#subscribing-to-an-external-store
C
Code Ryan

1 This Is A Core Concept To Understand About React.js 5:43
5:43
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب5:43
Docs: https://react.dev/learn/you-might-not-need-an-effect#notifying-parent-components-about-state-changes
C
Code Ryan

1 Your Guide To Parallel Routes In Next.js 15 10:24
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

1 How To Stop Running Code Twice In React.js 4:26
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

1 Did You Know This Advanced Routing Technique In Next.js? 7:31
7:31
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب7:31
Docs: https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes#generating-static-params
C
Code Ryan

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

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

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

1 Pro Next.js Developers Know How To Do This 6:17
6:17
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب6:17
Route Groups Code: https://nextjs.org/docs/app/building-your-application/routing/route-groups
C
Code Ryan

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

1 A Core Next.js Fundamental You Need To Know About 2:58
2:58
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب2:58
Docs: https://nextjs.org/docs/app/building-your-application/routing/redirecting#nextresponseredirect-in-middleware
C
Code Ryan

1 Senior Developers Don't Make This Mistake 4:08
4:08
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب4:08
Docs: https://react.dev/learn/you-might-not-need-an-effect#how-to-remove-unnecessary-effects
C
Code Ryan

1 This Is A Beginner Mistake You Should Avoid (Client-side Routing) 6:31
6:31
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب6:31
Docs: https://nextjs.org/docs/app/api-reference/functions/use-router#disabling-scroll-to-top
C
Code Ryan

1 2 Mistakes Pro React Developers Don't Make 9:04
9:04
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب9:04
Docs: https://react.dev/learn/you-might-not-need-an-effect#how-to-remove-unnecessary-effects
C
Code Ryan

1 Did You Know How To Do This In Next.js 15? 4:08
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

1 How To Actually Use The useEffect Hook In Modern React.js 12:48
12:48
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب12:48
Docs: https://react.dev/learn/synchronizing-with-effects
C
Code Ryan

1 Unlock PRO UX with Streaming Web Components in Next.js 6:56
6:56
التشغيل لاحقا
التشغيل لاحقا
قوائم
إعجاب
احب6:56
Docs: https://nextjs.org/docs/app/building-your-application/routing/loading-ui-and-streaming#streaming-with-suspense
مرحبًا بك في مشغل أف ام!
يقوم برنامج مشغل أف أم بمسح الويب للحصول على بودكاست عالية الجودة لتستمتع بها الآن. إنه أفضل تطبيق بودكاست ويعمل على أجهزة اندرويد والأيفون والويب. قم بالتسجيل لمزامنة الاشتراكات عبر الأجهزة.