Master React.js Lists: Easy Rendering Techniques Explained! Code Ryan podcast

Artwork

Tech Ryan Solomon

Player FM - Internet Radio Done Right

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

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

G

Good Moms Bad Choices

Good Moms Bad Choices podcast artwork

Good Moms Bad Choices podcast artwork

1
5 Ways To Rethink Dating 1:36:55

לפני 19 weeks1:36:55

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

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

1:36:55

What’s up, Tribe, and welcome back to Good Moms Bad Choices! January was amazing, but its time to turn the page on the calendar and embrace beautiful new energy as we enter ‘The Journey of Love February.’ This month is all about the heart - join Erica and Milah to catch up and discuss what’s new in the world of motherhood, marriage, and amor! In this week’s episode, the ladies offer witty and sharp perspectives about personal growth in love, supporting your kids through their friend drama, and how to honor your true needs in a partnership. Mama Bear to the Rescue! The Good Moms discuss protective parenting and helping your kids fight their battles (8:00) Bad Choice of the Week: Help! My kids saw me in my lingerie! (20:00) My Happily Ever After: Erica and Milah discuss the prospect of marriage, dreams of becoming a housewife, and the top 5 ways to be confident in love (32:00) Yoni Mapping: Releasing Trauma and Increasing Pleasure (57:00) Its OK to fuck up, but also, what do you (really) bring to the table: The Good Moms have an honest discussion about finding accountability and growth before love (1:03:00) Watch This episode & more on YouTube! Catch up with us over at Patreon and get all our Full visual episodes, bonus content & early episode releases. Join our private Facebook group! Let us help you! Submit your advice questions, anonymous secrets or vent about motherhood anonymously! Submit your questions Connect With Us: @GoodMoms_BadChoices @TheGoodVibeRetreat @Good.GoodMedia @WatchErica @Milah_Mapp Official GMBC Music: So good feat Renee, Trip and http://www.anthemmusicenterprises.com Join us this summer in paradise at the Good Vibe Rest+Vibe Retreat in Costa Rica July 31- August 5 August 8 - August 13 See omnystudio.com/listener for privacy information.…

Code Ryan « »
Master React.js Lists: Easy Rendering Techniques Explained!

לפני שנה 13:13

שתפו

MP3•בית הפרקים

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

In this video, learn how to correctly render lists in your React.js application!

Code: https://github.com/coderyansolomon/react-lists

React.js Docs: https://react.dev/learn/rendering-lists

… continue reading

296 פרקים

#Tech #Ryan Solomon

Artwork

Master React.js Lists: Easy Rendering Techniques Explained!

published לפני שנה

שתפו

MP3•בית הפרקים

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

In this video, learn how to correctly render lists in your React.js application!

Code: https://github.com/coderyansolomon/react-lists

React.js Docs: https://react.dev/learn/rendering-lists

… continue reading

296 פרקים

#Tech #Ryan Solomon

כל הפרקים

×

Artwork

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

לפני יומיים10:24

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

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

10:24

Artwork

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

לפני 6 ימים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

לפני 9 ימים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

לפני 16 ימים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

לפני 20 ימים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

לפני 23 ימים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

לפני 27 ימים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

לפני 4 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.

Artwork

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

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

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

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

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

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

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

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

לפני 11 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

Artwork

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

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

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

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

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

לפני 15 weeks4:08

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

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

4:08

Docs: https://react.dev/learn/you-might-not-need-an-effect#how-to-remove-unnecessary-effects

Artwork

1
This Is A Beginner Mistake You Should Avoid (Client-side Routing) 6:31

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

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

C

Code Ryan

Code Ryan podcast artwork

1
How To Actually Use The useEffect Hook In Modern React.js 12:48

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

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

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

לפני 20 weeks10: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 weeks7: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 weeks9: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

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

C

Code Ryan

Code Ryan podcast artwork

1
Avoid This Problem In React.js - Prop Drilling 6:12

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

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

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

C

Code Ryan

Code Ryan podcast artwork

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

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

C

Code Ryan

Code Ryan podcast artwork

1
The Wrong Way To Manage State In React.js 5:30

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

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

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

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

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

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

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

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

תקשיבו ל-500+ נושאים

מדריך עזר מהיר

פודקאסטים מובילים

מכביבול ברדיו תל אביב

הזווית - פודקאסט

בכל יום נתון - אוריאל דסקל וראם שרמן

עושים חשבון Osim Heshbon

טייכר וזרחוביץ' ברדיו תל אביב

טייכר וזרחוביץ' - מערכונים

גיבור תרבות Culture Hero

סרטים זה אנחנו - מגזין קולנוע

עושים תוכנה Osim Tochna

השבוע - פודקאסט הארץ

המשחק הגדול

חושבים טוב

המעבדה The Lab

מדע בגובה האוזניים

סליחה על השאלה - ההסכת You Can't Ask That Podcast

סיפור ישראלי

עבר פלילי

Lets Talk Murder | בואי נדבר רצח

Lets Talk Murder | בואי נדבר רצח

האזן לתוכנית הזו בזמן שאתה חוקר