Learn Modern React.js In 20 Minutes Code Ryan podcast

Code Ryan podcast artwork

Tech Ryan Solomon

Player FM - Internet Radio Done Right

تمت الإضافة منذ قبل two أعوام

المحتوى المقدم من Ryan Solomon. يتم تحميل جميع محتويات البودكاست بما في ذلك الحلقات والرسومات وأوصاف البودكاست وتقديمها مباشرة بواسطة Ryan Solomon أو شريك منصة البودكاست الخاص بهم. إذا كنت تعتقد أن شخصًا ما يستخدم عملك المحمي بحقوق الطبع والنشر دون إذنك، فيمكنك اتباع العملية الموضحة هنا https://ar.player.fm/legal.

S

Species Unite

Species Unite podcast artwork

Species Unite podcast artwork

1
Trevor Ritland: The Golden Toad 34:01

منذ 29 يومًا34:01

التشغيل لاحقا

التشغيل لاحقا

34:01

I think you could probably go back and track the stages of grief, probably that is what I went through. But I think if you do it right, you end up at acceptance. And that's where I ended up. And that's not to say that I've fully accepted the idea that the golden toad is extinct. Personally, I do still hold out hope that it could still be out there in those forests." - Trevor Ritland This conversation is with Trevor Ritland, who—along with his twin brother Kyle—authored The Golden Toad . The book chronicles their remarkable journey into Costa Rica’s cloud forest, once home to hundreds of brilliant golden toads that would emerge for just a few weeks each year—until, one day, they vanished without a trace. What began as a search for a lost species soon became something much more profound: a confrontation with ecological grief, a meditation on hope, and a powerful call to protect the natural world while we still can. Links: SpeciesUnite.com Kyle and Trevor: https://kyleandtrevor.com/ Instagram: https://www.instagram.com/adventureterm/ Goodreads - https://www.goodreads.com/book/show/222249677-the-golden-toad Amazon - https://www.amazon.com/Golden-Toad-Ecological-Mystery-Species/dp/163576996…

Code Ryan « »
Learn Modern React.js In 20 Minutes

منذ عام واحد 20:43

مشاركة

MP3•منزل الحلقة

المحتوى المقدم من Ryan Solomon. يتم تحميل جميع محتويات البودكاست بما في ذلك الحلقات والرسومات وأوصاف البودكاست وتقديمها مباشرة بواسطة Ryan Solomon أو شريك منصة البودكاست الخاص بهم. إذا كنت تعتقد أن شخصًا ما يستخدم عملك المحمي بحقوق الطبع والنشر دون إذنك، فيمكنك اتباع العملية الموضحة هنا https://ar.player.fm/legal.

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.

… continue reading

297 حلقات

#Tech #Ryan Solomon

Code Ryan podcast artwork

Learn Modern React.js In 20 Minutes

published منذ عام واحد

مشاركة

MP3•منزل الحلقة

المحتوى المقدم من Ryan Solomon. يتم تحميل جميع محتويات البودكاست بما في ذلك الحلقات والرسومات وأوصاف البودكاست وتقديمها مباشرة بواسطة Ryan Solomon أو شريك منصة البودكاست الخاص بهم. إذا كنت تعتقد أن شخصًا ما يستخدم عملك المحمي بحقوق الطبع والنشر دون إذنك، فيمكنك اتباع العملية الموضحة هنا https://ar.player.fm/legal.

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.

… continue reading

297 حلقات

#Tech #Ryan Solomon

كل الحلقات

×

C

Code Ryan

Code Ryan podcast artwork

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

منذ يومين5:21

التشغيل لاحقا

التشغيل لاحقا

5:21

Finally Understand props.children In React.js

C

Code Ryan

Code Ryan podcast artwork

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

منذ 6 أيام9:57

التشغيل لاحقا

التشغيل لاحقا

9:57

C

Code Ryan

Code Ryan podcast artwork

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

منذ 9 أيام9:19

التشغيل لاحقا

التشغيل لاحقا

9:19

C

Code Ryan

Code Ryan podcast artwork

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

منذ 13 يومًا13:38

التشغيل لاحقا

التشغيل لاحقا

13:38

3 JavaScript Features You Need To Know For React

C

Code Ryan

Code Ryan podcast artwork

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

منذ 16 يومًا9:04

التشغيل لاحقا

التشغيل لاحقا

9:04

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

C

Code Ryan

Code Ryan podcast artwork

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

منذ 20 يومًا6:52

التشغيل لاحقا

التشغيل لاحقا

6:52

C

Code Ryan

Code Ryan podcast artwork

1
Master React.memo for Smarter Rendering 5:12

منذ 23 يومًا5:12

التشغيل لاحقا

التشغيل لاحقا

5:12

C

Code Ryan

Code Ryan podcast artwork

1
Supercharge React Performance with useMemo 7:01

منذ 27 يومًا7:01

التشغيل لاحقا

التشغيل لاحقا

7:01

C

Code Ryan

Code Ryan podcast artwork

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

منذ 4 weeks10:24

التشغيل لاحقا

التشغيل لاحقا

10:24

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

C

Code Ryan

Code Ryan podcast artwork

1
Stop Using useEffect For This In React 6:11

منذ 5 weeks6:11

التشغيل لاحقا

التشغيل لاحقا

6:11

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

C

Code Ryan

Code Ryan podcast artwork

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

منذ 5 weeks10:24

التشغيل لاحقا

التشغيل لاحقا

10:24

C

Code Ryan

Code Ryan podcast artwork

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

منذ 6 weeks10:06

التشغيل لاحقا

التشغيل لاحقا

10:06

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

C

Code Ryan

Code Ryan podcast artwork

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

منذ 6 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…

C

Code Ryan

Code Ryan podcast artwork

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

منذ 7 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.

C

Code Ryan

Code Ryan podcast artwork

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

منذ 8 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

C

Code Ryan

Code Ryan podcast artwork

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

منذ 8 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.

C

Code Ryan

Code Ryan podcast artwork

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

منذ 9 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.

C

Code Ryan

Code Ryan podcast artwork

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

منذ 9 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.

C

Code Ryan

Code Ryan podcast artwork

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

منذ 10 weeks10:17

التشغيل لاحقا

التشغيل لاحقا

10:17

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

C

Code Ryan

Code Ryan podcast artwork

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

منذ 10 weeks11:36

التشغيل لاحقا

التشغيل لاحقا

11:36

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

C

Code Ryan

Code Ryan podcast artwork

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

منذ 11 weeks9:38

التشغيل لاحقا

التشغيل لاحقا

9:38

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

C

Code Ryan

Code Ryan podcast artwork

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

منذ 11 weeks6:29

التشغيل لاحقا

التشغيل لاحقا

6:29

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

C

Code Ryan

Code Ryan podcast artwork

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

منذ 12 weeks7:57

التشغيل لاحقا

التشغيل لاحقا

7:57

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

C

Code Ryan

Code Ryan podcast artwork

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

منذ 12 weeks7:32

التشغيل لاحقا

التشغيل لاحقا

7:32

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

C

Code Ryan

Code Ryan podcast artwork

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

منذ 13 weeks7:42

التشغيل لاحقا

التشغيل لاحقا

7:42

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

C

Code Ryan

Code Ryan podcast artwork

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

منذ 13 weeks11:51

التشغيل لاحقا

التشغيل لاحقا

11:51

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

C

Code Ryan

Code Ryan podcast artwork

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

منذ 14 weeks10:47

التشغيل لاحقا

التشغيل لاحقا

10:47

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

C

Code Ryan

Code Ryan podcast artwork

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

منذ 14 weeks8:36

التشغيل لاحقا

التشغيل لاحقا

8:36

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

C

Code Ryan

Code Ryan podcast artwork

1
This Is A Core Concept To Understand About React.js 5:43

منذ 15 weeks5:43

التشغيل لاحقا

التشغيل لاحقا

5:43

Docs: https://react.dev/learn/you-might-not-need-an-effect#notifying-parent-components-about-state-changes

C

Code Ryan

Code Ryan podcast artwork

1
Your Guide To Parallel Routes In Next.js 15 10:24

منذ 16 weeks10:24

التشغيل لاحقا

التشغيل لاحقا

10:24

Parallel Routes Docs: https://nextjs.org/docs/app/building-your-application/routing/parallel-routes#loading-and-error-ui

C

Code Ryan

Code Ryan podcast artwork

1
How To Stop Running Code Twice In React.js 4:26

منذ 16 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

C

Code Ryan

Code Ryan podcast artwork

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

منذ 17 weeks7:31

التشغيل لاحقا

التشغيل لاحقا

7:31

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

C

Code Ryan

Code Ryan podcast artwork

1
Are You Messing This Up In React.js? 5:07

منذ 17 weeks5:07

التشغيل لاحقا

التشغيل لاحقا

5:07

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

C

Code Ryan

Code Ryan podcast artwork

1
Pros Know How To Do This In Next.js 15 6:39

منذ 18 weeks6:39

التشغيل لاحقا

التشغيل لاحقا

6:39

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

C

Code Ryan

Code Ryan podcast artwork

1
Even Pros Make This React.js Mistake 6:27

منذ 18 weeks6:27

التشغيل لاحقا

التشغيل لاحقا

6:27

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

C

Code Ryan

Code Ryan podcast artwork

1
Pro Next.js Developers Know How To Do This 6:17

منذ 19 weeks6:17

التشغيل لاحقا

التشغيل لاحقا

6:17

Route Groups Code: https://nextjs.org/docs/app/building-your-application/routing/route-groups

C

Code Ryan

Code Ryan podcast artwork

1
This Can Be A Problem In React.js.. 4:46

منذ 19 weeks4:46

التشغيل لاحقا

التشغيل لاحقا

4:46

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

C

Code Ryan

Code Ryan podcast artwork

1
A Core Next.js Fundamental You Need To Know About 2:58

منذ 20 weeks2:58

التشغيل لاحقا

التشغيل لاحقا

2:58

Docs: https://nextjs.org/docs/app/building-your-application/routing/redirecting#nextresponseredirect-in-middleware

C

Code Ryan

Code Ryan podcast artwork

1
Senior Developers Don't Make This Mistake 4:08

منذ 20 weeks4:08

التشغيل لاحقا

التشغيل لاحقا

4:08

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

C

Code Ryan

Code Ryan podcast artwork

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

منذ 21 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

منذ 21 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

منذ 22 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

منذ 22 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

منذ 23 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

منذ 23 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

منذ 24 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

منذ 24 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

منذ 25 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

منذ 25 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

منذ 26 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

منذ 27 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

منذ 27 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

منذ 28 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

منذ 28 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

منذ 29 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

منذ 29 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

منذ 30 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

منذ 30 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

منذ 31 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

منذ 31 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

منذ 32 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

منذ 32 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

منذ 33 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

منذ 33 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

منذ 34 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

منذ 34 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

منذ 35 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

منذ 35 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

منذ 36 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

منذ 36 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.

C

Code Ryan

Code Ryan podcast artwork

1
This Is A Bad Idea In React.js 12:27

منذ 37 weeks12:27

التشغيل لاحقا

التشغيل لاحقا

12:27

Today, I show some examples of mistakes you can make (bad ideas) when working with arrays in React.js state

C

Code Ryan

Code Ryan podcast artwork

1
This Is A New Helpful Feature In Next.js 15 6:13

منذ 37 weeks6:13

التشغيل لاحقا

التشغيل لاحقا

6:13

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

Code Ryan podcast artwork

1
Doing This Is A Bad Idea In Your React Apps 11:55

منذ 38 weeks11: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.

C

Code Ryan

Code Ryan podcast artwork

1
Do You Need A Degree For Software Engineering? 8:55

منذ 38 weeks8:55

التشغيل لاحقا

التشغيل لاحقا

8:55

I discuss my experience with having a college degree for software engineering and if I think it's needed or not.

C

Code Ryan

Code Ryan podcast artwork

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

منذ 39 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.

C

Code Ryan

Code Ryan podcast artwork

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

منذ 39 weeks12:58

التشغيل لاحقا

التشغيل لاحقا

12:58

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

C

Code Ryan

Code Ryan podcast artwork

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

منذ 40 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.

C

Code Ryan

Code Ryan podcast artwork

1
A Commonly Misunderstood React Concept 8:20

منذ 40 weeks8:20

التشغيل لاحقا

التشغيل لاحقا

8:20

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

C

Code Ryan

Code Ryan podcast artwork

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

منذ 41 weeks11:04

التشغيل لاحقا

التشغيل لاحقا

11:04

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

C

Code Ryan

Code Ryan podcast artwork

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

منذ 41 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.

C

Code Ryan

Code Ryan podcast artwork

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

منذ 42 weeks5:43

التشغيل لاحقا

التشغيل لاحقا

5:43

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

C

Code Ryan

Code Ryan podcast artwork

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

منذ 42 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.…

C

Code Ryan

Code Ryan podcast artwork

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

منذ 43 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…

C

Code Ryan

Code Ryan podcast artwork

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

منذ 43 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

C

Code Ryan

Code Ryan podcast artwork

1
Avoid This Common React Mistake Newbies Make 7:34

منذ 44 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

C

Code Ryan

Code Ryan podcast artwork

1
The Surprising Key to Overcoming Coding Blocks 4:42

منذ 44 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.

C

Code Ryan

Code Ryan podcast artwork

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

منذ 45 weeks6:38

التشغيل لاحقا

التشغيل لاحقا

6:38

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

C

Code Ryan

Code Ryan podcast artwork

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

منذ 45 weeks4:56

التشغيل لاحقا

التشغيل لاحقا

4:56

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

C

Code Ryan

Code Ryan podcast artwork

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

منذ 46 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.

C

Code Ryan

Code Ryan podcast artwork

1
Unlock React's Power: Understand Your UI as a Tree Structure 10:11

منذ 46 weeks10:11

التشغيل لاحقا

التشغيل لاحقا

10:11

Today, I'm going to do my best to discuss thinking about React as a tree like structure and why this is important.

C

Code Ryan

Code Ryan podcast artwork

1
5 Things I HATE About Being A Software Engineer 8:10

منذ 47 weeks8:10

التشغيل لاحقا

التشغيل لاحقا

8:10

Today, I'm going to cover 5 downside (plus one bonus) of working full time as a professional software engineer.

C

Code Ryan

Code Ryan podcast artwork

1
What is React.js, really? Complete Guide For Beginners and Pros 15:40

منذ 47 weeks15:40

التشغيل لاحقا

التشغيل لاحقا

15:40

Today, learn what React.js is, some core concepts of React js, job outlook for React.js, and a complete overview of React.

C

Code Ryan

Code Ryan podcast artwork

1
Master React.js Lists: Easy Rendering Techniques Explained! 13:13

منذ 48 weeks13:13

التشغيل لاحقا

التشغيل لاحقا

13:13

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

C

Code Ryan

Code Ryan podcast artwork

1
Next.js Pitfalls: Avoiding Unsupported Client and Server Patterns 8:06

منذ 49 weeks8:06

التشغيل لاحقا

التشغيل لاحقا

8:06

Learn about supported and unsupported patterns when it comes to client and server components in Next.js! Code: https://github.com/coderyansolomon/server-client-render Docs: https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns#unsupported-pattern-importing-server-components-into-client-components…

C

Code Ryan

Code Ryan podcast artwork

1
How to Use Conditional Rendering in React.js Like a Pro 14:26

منذ 49 weeks14:26

التشغيل لاحقا

التشغيل لاحقا

14:26

Code: https://github.com/coderyansolomon/conditional-render Docs: https://react.dev/learn/conditional-rendering Learn exactly how to conditional render content in React.js!

C

Code Ryan

Code Ryan podcast artwork

1
Boost Your Next.js Skills: Learn useParams for Dynamic Routes 10:14

منذ 50 weeks10:14

التشغيل لاحقا

التشغيل لاحقا

10:14

This video covers how the useParams hook works in Next.js. It also covers how params work generally in Next.js and why they're useful. Code: https://github.com/coderyansolomon/useparams/tree/main/app

C

Code Ryan

Code Ryan podcast artwork

1
Master React Props: The Ultimate Guide In 2024 25:27

منذ 50 weeks25:27

التشغيل لاحقا

التشغيل لاحقا

25:27

In today's video, you'll learn exactly how props work in react.js. You'll learn what they are, how they work, why props exist, how to destructure them, if you should mutate them, how props.children work, what props forwarding is, and much more!

C

Code Ryan

Code Ryan podcast artwork

1
How React.js Components Work: A Step-by-Step Guide 24:29

منذ 51 weeks24:29

التشغيل لاحقا

التشغيل لاحقا

24:29

Code: https://github.com/coderyansolomon/components In todays video, I cover exactly how components work In React.js. You'll learn what components are, how they work, how to create them, how to render them, and much more!

C

Code Ryan

Code Ryan podcast artwork

1
Next.js Redirects 101: Simplify Your Routing Like a Pro! 13:28

منذ 51 weeks13:28

التشغيل لاحقا

التشغيل لاحقا

13:28

Code: https://github.com/coderyansolomon/redirects-nextjs Docs: https://nextjs.org/docs/app/building-your-application/routing/redirecting Learn how to redirect in Next.js server components, client components, server actions, route handlers, and middleware

C

Code Ryan

Code Ryan podcast artwork

1
Next.js Streaming: Deliver Better User Experiences 9:54

منذ 1 year9:54

التشغيل لاحقا

التشغيل لاحقا

9:54

Learn how streaming and suspense can help improve your Next.js applications! Code: https://github.com/coderyansolomon/streaming

C

Code Ryan

Code Ryan podcast artwork

1
Pro Software Engineers Know These 10 Command Line Tips 13:31

منذ 1 year13:31

التشغيل لاحقا

التشغيل لاحقا

13:31

C

Code Ryan

Code Ryan podcast artwork

1
Essential Next.js: Private Routes, Colocation, and Advanced Routing Explained! 15:50

منذ 1 year15:50

التشغيل لاحقا

التشغيل لاحقا

15:50

In this video, you'll learn about creating route, creating private folders, creating route groups, colocation, and more Check out the docs here for more information: https://nextjs.org/docs/app/building-your-application/routing/colocation#private-folders

C

Code Ryan

Code Ryan podcast artwork

1
A Crucial Lesson Every Software Engineer Should Know 3:47

منذ 1 year3:47

التشغيل لاحقا

التشغيل لاحقا

3:47

C

Code Ryan

Code Ryan podcast artwork

1
The Truth About JSX In React.js 25:58

منذ 1 year25:58

التشغيل لاحقا

التشغيل لاحقا

25:58

React docs: https://react.dev/learn/writing-markup-with-jsx

C

Code Ryan

Code Ryan podcast artwork

1
Stop Overlooking This Critical React.js Concept: Pure Components 19:26

منذ 1 year19:26

التشغيل لاحقا

التشغيل لاحقا

19:26

React Docs: https://react.dev/learn/keeping-components-pure#where-you-_can_-cause-side-effects Deep dive into pure components in React.js!

مرحبًا بك في مشغل أف ام!

يقوم برنامج مشغل أف أم بمسح الويب للحصول على بودكاست عالية الجودة لتستمتع بها الآن. إنه أفضل تطبيق بودكاست ويعمل على أجهزة اندرويد والأيفون والويب. قم بالتسجيل لمزامنة الاشتراكات عبر الأجهزة.

الاستماع إلى +500 موضوع

دليل مرجعي سريع

أعلى المدونة الصوتية

SciDose بودكاست

Quizeculo كويزيكيلو

Faysalosophy Podcast | فيصلُوسُفِي بودكاست

Alkshkool بودكاست الكشكول

المحور الثاني

بودكاست كلام

Arabic News - NHK WORLD RADIO JAPAN

KBS WORLD Radio نشرة الأخبار

بزنس بالعربي (Business بالعربى )

Science Quickly

السعودي العلمي

بداية الحكاية

Damiri | داميري

mishbilshibshib | مش بالشبشب

مساعدة / أسئلة شائعة | ترقية | يعلن

فنون|اعمال|كوميديا|اقتصاد|ترفيه|أخبار|سياسة|دين

علم|كرة القدم|رياضات|سرد القصص|تقنية|جريمة حقيقية

حقوق الطبع والنشر 2025 | سياسة الخصوصية | شروط الخدمة | | حقوق النشر

استمع إلى هذا العرض أثناء الاستكشاف