This Is A Common Misconception In React.js Code Ryan podcast

Artwork

Tech Ryan Solomon

Player FM - Internet Radio Done Right

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

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

<

<div class="span index">1</div> <span><a class="" data-remote="true" data-type="html" href="/series/all-about-change">All About Change</a></span>

<div class="span index">1</div> <span><a class="" data-remote="true" data-type="html" href="/series/all-about-change">All About Change</a></span> podcast artwork

<div class="span index">1</div> <span><a class="" data-remote="true" data-type="html" href="/series/all-about-change">All About Change</a></span> podcast artwork

1
All About Change

בטל רישום

לפני 13 ימיםלפני 13d ago

בטל רישום

חודשי+

How do we build an inclusive world? Hear intimate and in-depth conversations with changemakers on disability rights, youth mental health advocacy, prison reform, grassroots activism, and more. First-hand stories about activism, change, and courage from people who are changing the world: from how a teen mom became the Planned Parenthood CEO, to NBA player Kevin Love on mental health in professional sports, to Beetlejuice actress Geena Davis on Hollywood’s role in women’s rights. All About Change is hosted by Jay Ruderman, whose life’s work is seeking social justice and inclusion for people with disabilities worldwide. Join Jay as he interviews iconic guests who have gone through adversity and harnessed their experiences to better the world. This show ultimately offers the message of hope that we need to keep going. All About Change is a production of the Ruderman Family Foundation. Listen and subscribe to All About Change wherever you get podcasts. https://allaboutchangepodcast.com/

Code Ryan « »
This Is A Common Misconception In React.js

לפני שנה 9:19

שתפו

MP3•בית הפרקים

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

Docs: https://react.dev/learn/preserving-and-resetting-state#

… continue reading

297 פרקים

#Tech #Ryan Solomon

Artwork

This Is A Common Misconception In React.js

published לפני שנה

שתפו

MP3•בית הפרקים

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

Docs: https://react.dev/learn/preserving-and-resetting-state#

… continue reading

297 פרקים

#Tech #Ryan Solomon

כל הפרקים

×

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

לפני 3 ימים6:52

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

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

6:52

1
Master React.memo for Smarter Rendering 5:12

לפני 6 ימים5:12

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

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

5:12

1
Supercharge React Performance with useMemo 7:01

לפני 9 ימים7:01

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

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

7:01

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

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

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

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

10:24

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

1
Stop Using useEffect For This In React 6:11

לפני 16 ימים6:11

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

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

6:11

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

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

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

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

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

10:24

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

לפני 23 ימים10:06

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

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

10:06

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

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

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

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

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

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

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

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

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

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

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

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

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

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

לפני 8 weeks11:36

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

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

11:36

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

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

לפני 8 weeks9:38

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

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

9:38

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

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

לפני 9 weeks6:29

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

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

6:29

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

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

לפני 9 weeks7:57

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

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

7:57

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

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

לפני 10 weeks7:32

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

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

7:32

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

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

לפני 10 weeks7:42

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

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

7:42

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 weeks11: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

לפני 11 weeks10:47

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

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

10:47

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

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

לפני 12 weeks8:36

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

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

8:36

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

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

לפני 13 weeks5:43

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

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

5:43

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

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

לפני 13 weeks10:24

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

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

10:24

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

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

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

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

לפני 14 weeks7:31

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

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

7:31

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

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

לפני 15 weeks5:07

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

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

5:07

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

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

לפני 15 weeks6:39

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

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

6:39

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

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

לפני 16 weeks6:27

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

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

6:27

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

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

לפני 16 weeks6:17

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

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

6:17

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

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

לפני 17 weeks4:46

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

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

4:46

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

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

לפני 17 weeks2:58

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

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

2:58

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

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

לפני 18 weeks4:08

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

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

4:08

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

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

לפני 18 weeks6:31

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

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

6:31

Docs: https://nextjs.org/docs/app/api-reference/functions/use-router#disabling-scroll-to-top

1
2 Mistakes Pro React Developers Don't Make 9:04

לפני 19 weeks9:04

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

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

9:04

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

1
Did You Know How To Do This In Next.js 15? 4:08

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

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

לפני 20 weeks12:48

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

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

12:48

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

1
Unlock PRO UX with Streaming Web Components in Next.js 6:56

לפני 20 weeks6:56

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

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

6:56

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

1
3 Key Concepts Professional React Developers Master 8:58

לפני 21 weeks8:58

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

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

8:58

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

1
The Right Way To Handle Instant Loading States In Next.js 15 4:39

לפני 21 weeks4:39

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

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

4:39

Docs: https://nextjs.org/docs/app/building-your-application/routing/loading-ui-and-streaming

1
Correctly Using Refs With DOM Elements In React.js 7:09

לפני 22 weeks7:09

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

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

7:09

https://react.dev/learn/manipulating-the-dom-with-refs#best-practices-for-dom-manipulation-with-refs

1
Next.js 15 Error Handling Mastery 8:31

לפני 22 weeks8:31

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

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

8:31

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

1
What Are Refs In React.js, Really? Why? 10:29

לפני 23 weeks10:29

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

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

10:29

https://react.dev/learn/referencing-values-with-refs#recap

1
PRO Next.js 15 Error Handling - Expected Errors 7:09

לפני 23 weeks7:09

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

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

7:09

Docs: https://nextjs.org/docs/app/building-your-application/routing/error-handling

1
Optimize Client Side Navigation In Next.js 15 9:05

לפני 24 weeks9:05

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

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

9:05

Docs: https://nextjs.org/docs/app/api-reference/functions/use-router

1
Actually Understanding Context In React.js 18:04

לפני 25 weeks18:04

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

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

18:04

Docs: https://react.dev/learn/passing-data-deeply-with-context Starter Project: https://github.com/coderyansolomon/react-context

1
The Recommended Way To Link In Next.js 15 10:10

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

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

לפני 26 weeks6:12

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

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

6:12

Docs: https://react.dev/learn/passing-data-deeply-with-context

1
Are Templates Better Than Layouts In Next.js? 6:20

לפני 26 weeks6:20

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

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

6:20

Docs: https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates#templates

1
The Only useReducer Video You Need 24:21

לפני 27 weeks24:21

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

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

24:21

Docs: https://react.dev/learn/extracting-state-logic-into-a-reducer#comparing-usestate-and-usereducer

1
How To Use Layouts Correctly In Next.js 15 12:30

לפני 27 weeks12:30

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

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

12:30

Docs: https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates

1
Master React State By Solving This Problem 5:26

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

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

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

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

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

1
A Next.js Fundamental You Need To Master 13:18

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

1
This Is A Common Misconception In React.js 9:19

לפני 30 weeks9:19

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

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

9:19

Docs: https://react.dev/learn/preserving-and-resetting-state#

1
This Is A Breaking Change For Next.js 15 4:06

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

1
A Fundamental React.js Concept - Lifting State 9:33

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

1
This Is How To Structure State In React.js 11:19

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

1
The Top 3 Next.js 15 Project Organization Strategies 9:07

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

1
NEW Next.js 15 Feature! Enhanced Forms 7:51

לפני 32 weeks7:51

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

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

7:51

Today, I show you a cool new feature of Next.js 15 forms: Client Side Navigation

1
The Modern Guide To Using State In React.js 17:22

לפני 33 weeks17:22

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

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

17:22

I show you a step by step process for how to think about using state in React.js

1
I Really Didn't Understand This.. 11:27

לפני 33 weeks11:27

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

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

11:27

Today, I discuss declarative vs imperative programming in the context of React.js and why it matters.

1
A Developer Lesson Learned The Hard Way 5:14

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

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

לפני 34 weeks12:27

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

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

12:27

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

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

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

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

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

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

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

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

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

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

לפני 37 weeks12:58

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

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

12:58

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

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

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

1
A Commonly Misunderstood React Concept 8:20

לפני 38 weeks8:20

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

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

8:20

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

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

לפני 38 weeks11:04

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

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

11:04

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

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

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

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

לפני 39 weeks5:43

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

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

5:43

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

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

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

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

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

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

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

1
Avoid This Common React Mistake Newbies Make 7:34

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

1
The Surprising Key to Overcoming Coding Blocks 4:42

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

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

לפני 42 weeks6:38

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

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

6:38

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

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

לפני 43 weeks4:56

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

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

4:56

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

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

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

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

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

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

לפני 44 weeks8:10

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

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

8:10

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

לפני 50 weeks9:54

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

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

9:54

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

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

לפני 50 weeks13:31

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

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

13:31

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

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

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

לפני 52 weeks3:47

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

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

3:47

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

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!

1
Next.js Layouts Made Easy: Complete Guide with Nested Layouts 15:06

לפני 1 year15:06

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

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

15:06

GitHub: https://github.com/coderyansolomon/nested Learn layouts and Nested layouts in modern Next.js!

1
Effortless Speed: Next.js Lazy Loading 19:08

לפני 1 year19:08

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

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

19:08

GitHub: https://github.com/coderyansolomon/lazy Docs: https://nextjs.org/docs/app/building-your-application/optimizing/lazy-loading Your guide to lazy loading components in Next.js!

1
Don't Overlook This Next.js Performance Optimization 12:05

לפני 1 year12:05

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

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

12:05

Scripts Optimization Docs: https://nextjs.org/docs/app/building-your-application/optimizing/scripts#strategy Scripts API: https://nextjs.org/docs/app/api-reference/components/script Github: https://github.com/coderyansolomon/dynamic

1
Is AI a Threat to Developer Jobs? Plus Insights on React and Next.js - Ft. Colby Fayock 28:53

לפני 1 year28:53

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

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

28:53

Colby's YouTube: @colbyfayock

1
Mastering Quota Management in Your Next.js SaaS Application 23:18

לפני 1 year23:18

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

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

23:18

Today, I cover how to manage quotas in Next.js using Kobble.io as our SaaS platform. K obble: https://docs.kobble.io/ Starter Project: https://github.com/coderyansolomon/kobble-auth

1
Effortlessly Manage SaaS Permissions in Next.js! 24:09

לפני 1 year24:09

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

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

24:09

In this video, I cover how to manage permissions in your Next.js SaaS application. Kobble - https://kobble.io/ Starter Project (must add ENV codes.. watch part one auth first) - https://github.com/coderyansolomon/kobble-auth

1
Quickly Authenticate Your Next.js SaaS Application! 31:47

לפני 1 year31:47

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

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

31:47

Kobble: https://kobble.io/ Final Code: https://github.com/coderyansolomon/kobble-auth Learn how to authenticate your Next.js application for SaaS products using Kobble.io!

1
Become a Next.js Routing Pro: Dynamic & Catch-All Routes Tutorial 15:10

לפני 1 year15:10

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

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

15:10

GitHub: https://github.com/coderyansolomon/dynamic Next.js Docs: https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes JSON Placeholder API: https://jsonplaceholder.typicode.com/ Dive deep into the world of Next.js with this comprehensive tutorial on dynamic and catch-all routes. Learn how to effectively implement flexible routing strategies that can transform your web applications. This video will guide you step-by-step through the concepts and practical implementations, ensuring you have all the tools needed to leverage these powerful features in Next.js.…

1
Build Smarter with Next.js: Routing Basics 20:37

לפני 1 year20:37

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

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

20:37

Next.js Docs: https://nextjs.org/docs/app/building-your-application/routing Explore the fundamentals of routing in Next.js with this concise guide. Learn how to create routes, utilize route segments, and set up nested routes to structure your web applications effectively.

1
Level Up Your Dev Skills: Game Building and Learning in JavaScript 32:14

לפני 1 year32:14

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

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

32:14

1
Master NextAuth v5 Database Integration: Step-by-Step Tutorial 10:16

לפני 1 year10:16

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

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

10:16

Docs: https://authjs.dev/getting-started/database Starting Project: https://github.com/coderyansolomon/next-authv5 Learn how to connect next-auth v5 to your database!

1
Master NextAuth v5: Next.js Authentication Made Easy 31:35

לפני 1 year31:35

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

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

31:35

Docs: https://authjs.dev/getting-started GitHub: https://github.com/coderyansolomon/next-authv5 Learn the latest version of next-auth v5!

1
Must-Know Next.js Tip: Stop Making This Serialization Mistake! 9:36

לפני 1 year9:36

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

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

9:36

Discover a common yet critical mistake in Next.js involving serialization and prop passing. This video provides a clear explanation and shows you how to avoid this error to enhance your app's performance and reliability. Perfect for developers looking to refine their Next.js skills! GitHub: https://github.com/coderyansolomon/serialization Next.js Docs: https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns#client-components React.js Docs: https://react.dev/reference/rsc/use-server#serializable-parameters-and-return-values…

1
Essential Next.js Tip: Avoid This Caching Mistake 7:32

לפני 1 year7:32

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

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

7:32

Today, I cover a common mistake in Next.js related to revalidating the Next.js cache. You can read more about cache revalidation on the Next.js docs here: https://nextjs.org/docs/app/api-reference/functions/revalidatePath

1
Startups Vs Tech Giants, Node.js Test Runner, and More 44:31

לפני 1 year44:31

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

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

44:31

Lucas's website: https://beacons.ai/lsantos

1
Clean Next.js Code With Prettier: Fast Configuration! 8:51

לפני 1 year8:51

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

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

8:51

Learn how to quickly configure Prettier in your Next.js project with this easy-to-follow tutorial. Streamline your code formatting to enhance readability and maintain consistency across your development team. Perfect for beginners and experienced developers alike! Prettier: https://prettier.io/docs/en/…

1
Next.js Tutorial: Solving Client-Server Component Errors 8:03

לפני 1 year8:03

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

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

8:03

In this comprehensive tutorial, we delve into a crucial topic for Next.js developers: the proper integration of client and server components. Discover the common mistakes developers make when interleaving these components and learn the best practices to avoid them. Whether you're a beginner or an experienced developer, this video will provide you with essential insights to enhance your Next.js applications. Watch now and master the art of component composition in Next.js! For more details, visit: https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns#interleaving-server-and-client-components.…

1
Next.js Secrets: File Conventions Explained! 21:37

לפני 1 year21:37

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

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

21:37

Today, I cover something that really didn't make sense to me when I first started using Next.js: File conventions.

1
React Secrets: Avoiding Mistakes with Request Memoization 9:48

לפני 1 year9:48

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

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

9:48

In today's video, I cover request memoization in React and Next.js. I show an example Next.js application of this working in practice. And I also discuss how it can prevent some headaches within your apps.

1
Avoid This Common Rookie Mistake In Next.js 7:05

לפני 1 year7:05

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

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

7:05

Today, I cover a common mistake to make when using Next.js server and client components. More specifically, it relates to using the use client directive.

ברוכים הבאים אל 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 | בואי נדבר רצח

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