Player FM - Internet Radio Done Right
Checked 2d ago
추가했습니다 two 년 전
Ryan Solomon에서 제공하는 콘텐츠입니다. 에피소드, 그래픽, 팟캐스트 설명을 포함한 모든 팟캐스트 콘텐츠는 Ryan Solomon 또는 해당 팟캐스트 플랫폼 파트너가 직접 업로드하고 제공합니다. 누군가가 귀하의 허락 없이 귀하의 저작물을 사용하고 있다고 생각되는 경우 여기에 설명된 절차를 따르실 수 있습니다 https://ko.player.fm/legal.
Player FM -팟 캐스트 앱
Player FM 앱으로 오프라인으로 전환하세요!
Player FM 앱으로 오프라인으로 전환하세요!
들어볼 가치가 있는 팟캐스트
스폰서 후원
N
Netflix Sports Club Podcast


1 America’s Sweethearts: Dallas Cowboys Cheerleaders Season 2 - Tryouts, Tears, & Texas 32:48
32:48
나중에 재생
나중에 재생
리스트
좋아요
좋아요32:48
America’s Sweethearts: Dallas Cowboys Cheerleaders is back for its second season! Kay Adams welcomes the women who assemble the squad, Kelli Finglass and Judy Trammell, to the Netflix Sports Club Podcast. They discuss the emotional rollercoaster of putting together the Dallas Cowboys Cheerleaders. Judy and Kelli open up about what it means to embrace flaws in the pursuit of perfection, how they identify that winning combo of stamina and wow factor, and what it’s like to see Thunderstruck go viral. Plus, the duo shares their hopes for the future of DCC beyond the field. Netflix Sports Club Podcast Correspondent Dani Klupenger also stops by to discuss the NBA Finals, basketball’s biggest moments with Michael Jordan and LeBron, and Kevin Durant’s international dominance. Dani and Kay detail the rise of Coco Gauff’s greatness and the most exciting storylines heading into Wimbledon. We want to hear from you! Leave us a voice message at www.speakpipe.com/NetflixSportsClub Find more from the Netflix Sports Club Podcast @NetflixSports on YouTube, TikTok, Instagram, Facebook, and X. You can catch Kay Adams @heykayadams and Dani Klupenger @daniklup on IG and X. Be sure to follow Kelli Finglass and Judy Trammel @kellifinglass and @dcc_judy on IG. Hosted by Kay Adams, the Netflix Sports Club Podcast is an all-access deep dive into the Netflix Sports universe! Each episode, Adams will speak with athletes, coaches, and a rotating cycle of familiar sports correspondents to talk about a recently released Netflix Sports series. The podcast will feature hot takes, deep analysis, games, and intimate conversations. Be sure to watch, listen, and subscribe to the Netflix Sports Club Podcast on YouTube, Spotify, Tudum, or wherever you get your podcasts. New episodes on Fridays every other week.…
What is React.js, really? Complete Guide For Beginners and Pros
Manage episode 436285474 series 3493400
Ryan Solomon에서 제공하는 콘텐츠입니다. 에피소드, 그래픽, 팟캐스트 설명을 포함한 모든 팟캐스트 콘텐츠는 Ryan Solomon 또는 해당 팟캐스트 플랫폼 파트너가 직접 업로드하고 제공합니다. 누군가가 귀하의 허락 없이 귀하의 저작물을 사용하고 있다고 생각되는 경우 여기에 설명된 절차를 따르실 수 있습니다 https://ko.player.fm/legal.
Today, learn what React.js is, some core concepts of React js, job outlook for React.js, and a complete overview of React.
297 에피소드
Manage episode 436285474 series 3493400
Ryan Solomon에서 제공하는 콘텐츠입니다. 에피소드, 그래픽, 팟캐스트 설명을 포함한 모든 팟캐스트 콘텐츠는 Ryan Solomon 또는 해당 팟캐스트 플랫폼 파트너가 직접 업로드하고 제공합니다. 누군가가 귀하의 허락 없이 귀하의 저작물을 사용하고 있다고 생각되는 경우 여기에 설명된 절차를 따르실 수 있습니다 https://ko.player.fm/legal.
Today, learn what React.js is, some core concepts of React js, job outlook for React.js, and a complete overview of React.
297 에피소드
모든 에피소드
×
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

1 Prevent Unnecessary Re-Renders with React’s useCallback Hook 6:52
6:52
나중에 재생
나중에 재생
리스트
좋아요
좋아요6:52
Learn how to handle uncaught errors in your Next.js apps!
Today, I cover an anti-pattern with using the useEffect hook in React.js
Docs: https://nextjs.org/docs/app/building-your-application/routing/linking-and-navigating#2-prefetching

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…
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.
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.
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.
docs: https://nextjs.org/docs/app/building-your-application/rendering/client-components
Docs: https://nextjs.org/docs/app/building-your-application/rendering/server-components

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
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
Docs: https://react.dev/learn/reusing-logic-with-custom-hooks#recap
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
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
C
Code Ryan

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

Docs: https://nextjs.org/docs/app/building-your-application/routing/loading-ui-and-streaming#streaming-with-suspense
C
Code Ryan

Docs: https://react.dev/learn/synchronizing-with-effects
C
Code Ryan

1 The Right Way To Handle Instant Loading States In Next.js 15 4:39
4:39
나중에 재생
나중에 재생
리스트
좋아요
좋아요4:39
Docs: https://nextjs.org/docs/app/building-your-application/routing/loading-ui-and-streaming
C
Code Ryan

https://react.dev/learn/manipulating-the-dom-with-refs#best-practices-for-dom-manipulation-with-refs
Docs: https://nextjs.org/docs/app/building-your-application/routing/error-handling#uncaught-exceptions
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
Docs: https://react.dev/learn/passing-data-deeply-with-context Starter Project: https://github.com/coderyansolomon/react-context
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
Docs: https://react.dev/learn/extracting-state-logic-into-a-reducer#comparing-usestate-and-usereducer
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
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
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.
Today, I cover 5 principles of structuring state in your React applications. Docs: https://react.dev/learn/choosing-the-state-structure#
C
Code Ryan

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
I show you a step by step process for how to think about using state in React.js
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.
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
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.
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

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

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.
Today, I'm going to fully explain the rendering, re-rendering, and committing phases in React.js
플레이어 FM에 오신것을 환영합니다!
플레이어 FM은 웹에서 고품질 팟캐스트를 검색하여 지금 바로 즐길 수 있도록 합니다. 최고의 팟캐스트 앱이며 Android, iPhone 및 웹에서도 작동합니다. 장치 간 구독 동기화를 위해 가입하세요.