Player FM - Internet Radio Done Right
Checked 4d ago
הוסף לפני two שנים
תוכן מסופק על ידי Ryan Solomon. כל תוכן הפודקאסטים כולל פרקים, גרפיקה ותיאורי פודקאסטים מועלים ומסופקים ישירות על ידי Ryan Solomon או שותף פלטפורמת הפודקאסט שלהם. אם אתה מאמין שמישהו משתמש ביצירה שלך המוגנת בזכויות יוצרים ללא רשותך, אתה יכול לעקוב אחר התהליך המתואר כאן https://he.player.fm/legal.
Player FM - אפליקציית פודקאסט
התחל במצב לא מקוון עם האפליקציה Player FM !
התחל במצב לא מקוון עם האפליקציה Player FM !
פודקאסטים ששווה להאזין
בחסות
T
The Big Pitch with Jimmy Carr


1 Phil Wang Pitches Psychological Thriller Starring WHO?! 24:35
24:35
הפעל מאוחר יותר
הפעל מאוחר יותר
רשימות
לייק
אהבתי24:35
It’s the very first episode of The Big Pitch with Jimmy Carr and our first guest is Phil Wang! And Phil’s subgenre is…This Place is Evil. We’re talking psychological torture, we’re talking gory death scenes, we’re talking Lorraine Kelly?! The Big Pitch with Jimmy Carr is a brand new comedy podcast where each week a different celebrity guest pitches an idea for a film based on one of the SUPER niche sub-genres on Netflix. From ‘Steamy Crime Movies from the 1970s’ to ‘Australian Dysfunctional Family Comedies Starring A Strong Female Lead’, our celebrity guests will pitch their wacky plot, their dream cast, the marketing stunts, and everything in between. By the end of every episode, Jimmy Carr, Comedian by night / “Netflix Executive” by day, will decide whether the pitch is greenlit or condemned to development hell! Listen on all podcast platforms and watch on the Netflix Is A Joke YouTube Channel . The Big Pitch is a co-production by Netflix and BBC Studios Audio. Jimmy Carr is an award-winning stand-up comedian and writer, touring his brand-new show JIMMY CARR: LAUGHS FUNNY throughout the USA from May to November this year, as well as across the UK and Europe, before hitting Australia and New Zealand in early 2026. All info and tickets for the tour are available at JIMMYCARR.COM Production Coordinator: Becky Carewe-Jeffries Production Manager: Mabel Finnegan-Wright Editor: Stuart Reid Producer: Pete Strauss Executive Producer: Richard Morris Executive Producers for Netflix: Kathryn Huyghue, Erica Brady, and David Markowitz Set Design: Helen Coyston Studios: Tower Bridge Studios Make Up: Samantha Coughlan Cameras: Daniel Spencer Sound: Charlie Emery Branding: Tim Lane Photography: James Hole…
The Modern Guide To Using State In React.js
Manage episode 450810634 series 3493400
תוכן מסופק על ידי Ryan Solomon. כל תוכן הפודקאסטים כולל פרקים, גרפיקה ותיאורי פודקאסטים מועלים ומסופקים ישירות על ידי Ryan Solomon או שותף פלטפורמת הפודקאסט שלהם. אם אתה מאמין שמישהו משתמש ביצירה שלך המוגנת בזכויות יוצרים ללא רשותך, אתה יכול לעקוב אחר התהליך המתואר כאן https://he.player.fm/legal.
I show you a step by step process for how to think about using state in React.js
296 פרקים
Manage episode 450810634 series 3493400
תוכן מסופק על ידי Ryan Solomon. כל תוכן הפודקאסטים כולל פרקים, גרפיקה ותיאורי פודקאסטים מועלים ומסופקים ישירות על ידי Ryan Solomon או שותף פלטפורמת הפודקאסט שלהם. אם אתה מאמין שמישהו משתמש ביצירה שלך המוגנת בזכויות יוצרים ללא רשותך, אתה יכול לעקוב אחר התהליך המתואר כאן https://he.player.fm/legal.
I show you a step by step process for how to think about using state in React.js
296 פרקים
כל הפרקים
×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
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.
Learn the recommended way to fetch data in Next.js as well as some patterns to know about client and server components.

1 Learn Modern React.js In 20 Minutes 20:43
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.

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

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
Docs: https://nextjs.org/docs/app/building-your-application/rendering
Docs: https://nextjs.org/docs/app/building-your-application/data-fetching/server-actions-and-mutations
Learn how to use Suspense and streaming for sequential data fetching in Next.js
Docs: https://nextjs.org/docs/app/building-your-application/data-fetching/fetching#patterns
Docs: https://nextjs.org/docs/app/building-your-application/data-fetching/fetching#reference

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

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
Docs: https://react.dev/learn/you-might-not-need-an-effect#subscribing-to-an-external-store
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
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
Docs: https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes#generating-static-params
Docs: https://react.dev/learn/you-might-not-need-an-effect#sharing-logic-between-event-handlers
Docs: https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes#generating-static-params
Docs: https://react.dev/learn/you-might-not-need-an-effect#adjusting-some-state-when-a-prop-changes
Route Groups Code: https://nextjs.org/docs/app/building-your-application/routing/route-groups
Docs: https://react.dev/learn/you-might-not-need-an-effect#resetting-all-state-when-a-prop-changes
Docs: https://nextjs.org/docs/app/building-your-application/routing/redirecting#nextresponseredirect-in-middleware
Docs: https://react.dev/learn/you-might-not-need-an-effect#how-to-remove-unnecessary-effects
Docs: https://nextjs.org/docs/app/api-reference/functions/use-router#disabling-scroll-to-top
Docs: https://react.dev/learn/you-might-not-need-an-effect#how-to-remove-unnecessary-effects
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
Docs: https://nextjs.org/docs/app/building-your-application/routing/loading-ui-and-streaming#streaming-with-suspense
Docs: https://react.dev/learn/synchronizing-with-effects
Docs: https://nextjs.org/docs/app/building-your-application/routing/loading-ui-and-streaming
https://react.dev/learn/manipulating-the-dom-with-refs#best-practices-for-dom-manipulation-with-refs
C
Code Ryan

Docs: https://nextjs.org/docs/app/building-your-application/routing/error-handling#uncaught-exceptions
C
Code Ryan

1 What Are Refs In React.js, Really? Why? 10:29
10:29
הפעל מאוחר יותר
הפעל מאוחר יותר
רשימות
לייק
אהבתי10:29
https://react.dev/learn/referencing-values-with-refs#recap
Docs: https://nextjs.org/docs/app/building-your-application/routing/error-handling
Docs: https://nextjs.org/docs/app/api-reference/functions/use-router
C
Code Ryan

1 Actually Understanding Context In React.js 18:04
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

1 The Recommended Way To Link In Next.js 15 10:10
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
Docs: https://react.dev/learn/passing-data-deeply-with-context
Docs: https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates#templates
C
Code Ryan

1 The Only useReducer Video You Need 24:21
24:21
הפעל מאוחר יותר
הפעל מאוחר יותר
רשימות
לייק
אהבתי24:21
Docs: https://react.dev/learn/extracting-state-logic-into-a-reducer#comparing-usestate-and-usereducer
C
Code Ryan

1 How To Use Layouts Correctly In Next.js 15 12:30
12:30
הפעל מאוחר יותר
הפעל מאוחר יותר
רשימות
לייק
אהבתי12:30
Docs: https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates
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
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

A common anti-pattern or mistake that's easy to make in your web apps is creating waterfalls with your network requests.
C
Code Ryan

1 React State Updates Explained: Why Is Your State Wrong? 12:58
12:58
הפעל מאוחר יותר
הפעל מאוחר יותר
רשימות
לייק
אהבתי12:58
What does it mean for React to "batch" state updates? Why does it matter?
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.
Today, I do my best to clearly explain how snapshots work in React and why they're important to understand.
C
Code Ryan

1 Most React Developers Don't Understand This 11:04
11:04
הפעל מאוחר יותר
הפעל מאוחר יותר
רשימות
לייק
אהבתי11:04
Today, I'm going to fully explain the rendering, re-rendering, and committing phases in React.js
C
Code Ryan

Today, I'm discussing Next.js client and server components, and how to solve a common issue when using the two together.
https://nextjs.org/docs/app/api-reference/functions/revalidatePath
C
Code Ryan

1 React State: The Key to Dynamic UIs Explained! 26:51
26: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.…
C
Code Ryan

1 Master React in Minutes: Essential Event Handling Techniques 20:52
20: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…
C
Code Ryan

1 EASY UX Upgrade: Snap Scrolling with Next.js & Tailwind 19:50
19: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
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
Today, I discuss a helpful stragety that has helped improve my productivity as a software engineer while saving me some mental fatigue as well.
Today, I discuss what I think is one of the hardest parts about software engineering.
Today, I cover exactly what state is in React.js.
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.
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

1 A Next.js Fundamental You Need To Master 13:18
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
Docs: https://react.dev/learn/preserving-and-resetting-state#
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
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

1 This Is How To Structure State In React.js 11:19
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#
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
Today, I show you a cool new feature of Next.js 15 forms: Client Side Navigation
C
Code Ryan

1 The Modern Guide To Using State In React.js 17:22
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

1 I Really Didn't Understand This.. 11:27
11:27
הפעל מאוחר יותר
הפעל מאוחר יותר
רשימות
לייק
אהבתי11:27
Today, I discuss declarative vs imperative programming in the context of React.js and why it matters.
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.
C
Code Ryan

Today, I show some examples of mistakes you can make (bad ideas) when working with arrays in React.js state
Today, I cover what the status indicator means in your Next.js application as well as giving you a refresher on static vs dynamic rendering. Docs: https://nextjs.org/docs/app/api-reference/next-config-js/devIndicators#appisrstatus-static-indicator
C
Code Ryan

1 Doing This Is A Bad Idea In Your React Apps 11:55
11:55
הפעל מאוחר יותר
הפעל מאוחר יותר
רשימות
לייק
אהבתי11:55
Mutating state isn't a great idea in your React apps. But how should you update your objects and arrays? Doing full replacements or creating copies. I show you how in this video.
I discuss my experience with having a college degree for software engineering and if I think it's needed or not.
ברוכים הבאים אל Player FM!
Player FM סורק את האינטרנט עבור פודקאסטים באיכות גבוהה בשבילכם כדי שתהנו מהם כרגע. זה יישום הפודקאסט הטוב ביותר והוא עובד על אנדרואיד, iPhone ואינטרנט. הירשמו לסנכרון מנויים במכשירים שונים.