Your Complete Guide To Next.js Authentication With Supabase Code Ryan podcast

Code Ryan podcast artwork

Tech Ryan Solomon

Player FM - Internet Radio Done Right

הוסף לפני two שנים
Looks like the publisher may have taken this series offline or changed its URL. Please contact support if you believe it should be working, the feed URL is invalid, or you have any other concerns about it.

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

Code Ryan « »
Your Complete Guide To Next.js Authentication With Supabase

לפני שנתיים 48:47

שתפו

MP3•בית הפרקים

Fetch error

Hmmm there seems to be a problem fetching this series right now. Last successful fetch was on July 24, 2025 17:04 (2M ago)

What now? This series will be checked again in the next day. If you believe it should be working, please verify the publisher's feed link below is valid and includes actual episode links. You can contact support to request the feed be immediately fetched.

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

Github project: https://github.com/coderyansolomon/next-auth-supabase

In this video, I give you a complete guide to authenticate your Next.js applications using Supabase. We cover client auth, server auth, and protexted routes.

… continue reading

297 פרקים

#Tech #Ryan Solomon

Code Ryan podcast artwork

Your Complete Guide To Next.js Authentication With Supabase

published לפני שנתיים

שתפו

MP3•בית הפרקים

Fetch error

Hmmm there seems to be a problem fetching this series right now. Last successful fetch was on July 24, 2025 17:04 (2M ago)

What now? This series will be checked again in the next day. If you believe it should be working, please verify the publisher's feed link below is valid and includes actual episode links. You can contact support to request the feed be immediately fetched.

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

Github project: https://github.com/coderyansolomon/next-auth-supabase

In this video, I give you a complete guide to authenticate your Next.js applications using Supabase. We cover client auth, server auth, and protexted routes.

… continue reading

297 פרקים

#Tech #Ryan Solomon

כל הפרקים

×

C

Code Ryan

Code Ryan podcast artwork

1
Avoid This Rookie Developer Mistake -- Debounce 6:45

לפני 8 weeks6:45

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

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

6:45

Today I cover debouncing network requests in your React/Next.js apps -- but this concept applies more broadly. TLDR; it sometimes makes sense to only trigger a network request once the user has stopped interacting for a certain amount of time

C

Code Ryan

Code Ryan podcast artwork

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

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

לפני 9 weeks9:57

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

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

9:57

C

Code Ryan

Code Ryan podcast artwork

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

לפני 10 weeks9:19

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

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

9:19

C

Code Ryan

Code Ryan podcast artwork

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

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

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

לפני 11 weeks6:52

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

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

6:52

C

Code Ryan

Code Ryan podcast artwork

1
Master React.memo for Smarter Rendering 5:12

לפני 12 weeks5:12

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

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

5:12

C

Code Ryan

Code Ryan podcast artwork

1
Supercharge React Performance with useMemo 7:01

לפני 12 weeks7:01

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

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

7:01

C

Code Ryan

Code Ryan podcast artwork

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

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

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

לפני 14 weeks10:24

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

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

10:24

C

Code Ryan

Code Ryan podcast artwork

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

לפני 1 year13: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!

C

Code Ryan

Code Ryan podcast artwork

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!

C

Code Ryan

Code Ryan podcast artwork

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!

C

Code Ryan

Code Ryan podcast artwork

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

C

Code Ryan

Code Ryan podcast artwork

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

C

Code Ryan

Code Ryan podcast artwork

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

C

Code Ryan

Code Ryan podcast artwork

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

C

Code Ryan

Code Ryan podcast artwork

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!

C

Code Ryan

Code Ryan podcast artwork

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.…

C

Code Ryan

Code Ryan podcast artwork

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.

C

Code Ryan

Code Ryan podcast artwork

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

לפני 1 year32:14

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

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

32:14

C

Code Ryan

Code Ryan podcast artwork

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!

C

Code Ryan

Code Ryan podcast artwork

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!

C

Code Ryan

Code Ryan podcast artwork

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…

C

Code Ryan

Code Ryan podcast artwork

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

C

Code Ryan

Code Ryan podcast artwork

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

C

Code Ryan

Code Ryan podcast artwork

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/…

C

Code Ryan

Code Ryan podcast artwork

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.…

C

Code Ryan

Code Ryan podcast artwork

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.

C

Code Ryan

Code Ryan podcast artwork

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.

C

Code Ryan

Code Ryan podcast artwork

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.

C

Code Ryan

Code Ryan podcast artwork

1
AI Taking Developer Jobs, Data Fetching Mistakes, And GraphQL 32:36

לפני 1 year32:36

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

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

32:36

Jonas's website: https://herrmannsdoerfer.dev/en/ In today's episode of the Code Ryan podcast, Jonas joins me to discuss GraphQL, Data Fetching Mistakes, AI taking web developer jobs, and much more.

C

Code Ryan

Code Ryan podcast artwork

1
Complete UPDATED Guide - Next.js Auth With Supabase 38:22

לפני 1 year38:22

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

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

38:22

In this video, I cover a new, updated guide for implementing authentication using Next.js and Supabase. Final Code: https://github.com/coderyansolomon/update-supabase-nextjs Supabase Docs: https://supabase.com/docs/guides/auth/server-side/nextjs

C

Code Ryan

Code Ryan podcast artwork

1
The 5 Biggest Mistakes of My Software Engineering Career 11:08

לפני 1 year11:08

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

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

11:08

In today's video, I cover 5 things I wish I knew when I first started my software engineering career and some mistakes to avoid.

C

Code Ryan

Code Ryan podcast artwork

1
Master Next.js Testing with Cypress: A Step-by-Step Guide 36:22

לפני 1 year36:22

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

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

36:22

Starter Project: https://github.com/coderyansolomon/next-testing-starter Cypress Docs: https://docs.cypress.io/guides/core-concepts/testing-types Next.js Docs: https://nextjs.org/docs/app/building-your-application/testing/cypress

C

Code Ryan

Code Ryan podcast artwork

1
How To Manage Sessions In Next.js, Really 8:48

לפני 1 year8:48

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

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

8:48

In today's video, I cover session management in Next.js. Specially, I cover cookie-based and database-based session management, what they are, and some examples of how they work. Article: https://nextjs.org/docs/app/building-your-application/authentication#session-management

C

Code Ryan

Code Ryan podcast artwork

1
Understanding Authorization And Authentication In Next.js 11:25

לפני 1 year11:25

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

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

11:25

Next.js Article: https://nextjs.org/docs/app/building-your-application/authentication#authorizationrevoked In this video, I cover the difference between authentication and authorization in web development. I also discuss ways to implement both in Next.js

C

Code Ryan

Code Ryan podcast artwork

1
NEW React 19 Hooks! useFormState And useFormStatus Revealed 19:46

לפני 1 year19:46

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

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

19:46

In today's video, you'll learn how useFormState and useFormStatus work in React. These are new hooks coming to React.19 -- in this video, I use the Canary version of React. Final Code: https://github.com/coderyansolomon/react-19-form-hooks React Hooks: https://react.dev/reference/react-dom/hooks/useFormState…

C

Code Ryan

Code Ryan podcast artwork

1
The Surprising Truth: React Server vs. Client Components 9:18

לפני 1 year9:18

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

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

9:18

In today's video, I cover one of the trickiest aspects of React.js: Where do client components and server components start and end? What makes a client component? What makes a server component? The truth just might surprise you. Article covered: https://react.dev/reference/react/use-client

C

Code Ryan

Code Ryan podcast artwork

1
Software Engineering Myths with Ex-Google Engineer 39:31

לפני 1 year39:31

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

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

39:31

Zubin's LinkedIn: https://www.linkedin.com/in/zubinpratap/?originalSubdomain=au Zubin's Coaching: https://matchfitmastery.com/ Zubin's Podcast : https://www.youtube.com/@zubinpratap/podcasts (also available on Apple Podcasts & Spotify) Other resources from Zubin: https://linktr.ee/zubinpratap

C

Code Ryan

Code Ryan podcast artwork

1
Optimize Performance In React.js With Lazy Loading 13:38

לפני 1 year13:38

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

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

13:38

Code splitting: https://tanstack.com/router/latest/docs/framework/react/guide/code-splitting Starter project: https://github.com/coderyansolomon/tanstack-fundamentals In this video, I cover what code splitting is, what the benefits are of it, and how to implement it for a React.js application using TanStack as the routing system.…

C

Code Ryan

Code Ryan podcast artwork

1
What Is Coming In React.js 19? New Features Revealed 8:50

לפני 2 years8:50

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

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

8:50

React Article: https://react.dev/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024 Explore the cutting-edge features of React 19, including the React Compiler, Actions for seamless data handling, and the introduction of React Canaries for early feature adoption.

C

Code Ryan

Code Ryan podcast artwork

1
React Routing Redefined: Master Non-Nested Trees with TanStack 15:07

לפני 2 years15:07

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

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

15:07

Docs: https://tanstack.com/router/latest/docs/framework/react/guide/route-trees#non-nested-routes Starter Project: https://github.com/coderyansolomon/tanstack-fundamentals This video covers non-nested routes in React.js. More specifically, we cover how to implement non-nested routes using TanStack router.…

C

Code Ryan

Code Ryan podcast artwork

1
Master Pathless Routes In React.js with TanStack 13:27

לפני 2 years13:27

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

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

13:27

Starter Project: https://github.com/coderyansolomon/tanstack-fundamentals Docs: https://tanstack.com/router/latest/docs/framework/react/guide/route-trees#pathless-routes Dive into the world of React development with our latest tutorial, where we uncover the secrets of pathless routes using the TanStack Router.…

C

Code Ryan

Code Ryan podcast artwork

1
Master React.js Routing: TanStack Route Trees Deep Dive! 39:48

לפני 2 years39:48

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

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

39:48

Github: https://github.com/coderyansolomon/tanstack-fundamentals TanStack: https://tanstack.com/router/latest/docs/framework/react/guide/route-trees This video explores the TanStack Router's route trees and nesting features for React developers, showcasing how to structure and manage complex application routes efficiently. It provides insights into leveraging TanStack Router for dynamic and nested routing, enhancing app scalability and maintainability.…

C

Code Ryan

Code Ryan podcast artwork

1
Master Forms In React.js: The Ultimate Crash Course for Developers! 33:16

לפני 2 years33:16

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

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

33:16

React Hook Form: https://react-hook-form.com/ Github Project: https://github.com/coderyansolomon/react-forms Embark on a journey to master React Hook Form with our comprehensive crash course designed specifically for React developers. This tutorial delves into the core fundamentals of React Hook Form, providing a fast-paced yet thorough learning experience. Whether you're a beginner or looking to sharpen your skills, this video is your gateway to becoming proficient in React Hook Form quickly and effectively.…

C

Code Ryan

Code Ryan podcast artwork

1
Pro Tips For React.js, React Mistakes To Avoid, Dev Freelancing, and More! 33:21

לפני 2 years33:21

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

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

33:21

Check out Tom's YouTube here: @WebDevEducation In this video, we cover Tom's path into development, freelance development vs working a 9-5, React.js changes over time, React.js mistakes, and more!

C

Code Ryan

Code Ryan podcast artwork

1
Locking Down Next.js Security: Safeguard Your App! 20:25

לפני 2 years20:25

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

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

20:25

Explore the intricacies of securing your Next.js applications with React Server Components in our latest video. We cover essential strategies to prevent data leaks and reinforce your app against vulnerabilities, providing a comprehensive guide based on the insightful article: https://nextjs.org/blog/security-nextjs-server-components-actions. Join us for expert tips and deep dives into secure coding practices, ensuring your Next.js project is robust and secure.…

C

Code Ryan

Code Ryan podcast artwork

1
Elevate Your React Projects with TanStack Router: An Introduction 21:14

לפני 2 years21:14

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

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

21:14

GitHub: https://github.com/coderyansolomon/tanstack-intro This video serves as an introductory guide to TanStack Router, showcasing it as a modern alternative to React Router for managing navigation in React applications. I'll go over a basic setup of this router as well.

C

Code Ryan

Code Ryan podcast artwork

1
How I Nailed My First Software Engineering Interview: Tips & Tricks 17:33

לפני 2 years17:33

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

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

17:33

In this video, I delve into my personal journey of landing my first software engineering job, with a special focus on the interview process. I'll share the preparation strategies that worked for me. Plus, I'll offer insider tips and insights on navigating the challenging world of tech interviews, aimed at helping aspiring software engineers secure their dream job.…

C

Code Ryan

Code Ryan podcast artwork

1
Next.js Best Practices: Protecting Server Code from Client Access 15:06

לפני 2 years15:06

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

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

15:06

GitHub: https://github.com/coderyansolomon/server-only API: https://developer.themoviedb.org/reference/intro/getting-started In this insightful Next.js tutorial, viewers will learn the crucial technique of keeping server-only code out of the client environment. The tutorial delves into the common issue faced in JavaScript modules shared between server and client components, where server-specific elements, such as private API keys, may unintentionally become exposed on the client side. By focusing on a practical example of a data-fetching function, the tutorial demonstrates how seemingly universal functions can inadvertently include server-only code.…

C

Code Ryan

Code Ryan podcast artwork

1
Step-by-Step: Implementing Social Auth in Next.js 22:53

לפני 2 years22:53

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

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

22:53

Github: https://github.com/coderyansolomon/social-auth In this comprehensive tutorial video, viewers will embark on a journey to master the integration of social authentication into a Next.js application using Supabase. The video provides a step-by-step guide, starting from the basics of setting up a Next.js project, to the intricacies of configuring Supabase for social login functionalities.…

C

Code Ryan

Code Ryan podcast artwork

1
Effortless Protected Routes In Next.js Using Middleware 15:20

לפני 2 years15:20

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

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

15:20

Github project: https://github.com/coderyansolomon/middleware In this engaging tutorial, we dive into the world of Next.js to explore the powerful role of middleware in creating secure, protected routes. Tailored for both beginners and seasoned developers, the video offers a concise yet comprehensive guide, demonstrating step-by-step how to implement middleware for route protection in Next.js applications.…

C

Code Ryan

Code Ryan podcast artwork

1
Breaking into Code: A Newcomer's Guide 27:54

לפני 2 years27:54

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

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

27:54

Jessica's Twitter: https://twitter.com/codergirl1991 Topics covered include: transitioning into tech, landing your first job, networking, JavaScript struggles, when to learn React.js, and much more!

C

Code Ryan

Code Ryan podcast artwork

1
Unlock Next.js Basics: A Beginner's Guide to Routing, Data Fetching, and More 41:40

לפני 2 years41:40

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

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

41:40

Final Code: https://github.com/coderyansolomon/getting-started Get started with Next.js! This video covers what Next.js is, prerequisites of Next.js, and some main features of Next.js including routing, data fetching, and client/server components.

C

Code Ryan

Code Ryan podcast artwork

1
From Novice to Engineer: Secrets to Scoring Your First Tech Role 32:05

לפני 2 years32:05

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

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

32:05

James' YouTube: @Smoljames In this podcast, we delve into the journey of transitioning into the world of software engineering. Listeners will gain insights and practical strategies for overcoming challenges and successfully securing their first job in the tech industry. Featuring expert advice and real-life success stories, this episode is a must-listen for anyone aspiring to break into the dynamic and rewarding field of software engineering.…

C

Code Ryan

Code Ryan podcast artwork

1
Mastering Advanced Routing in Next.js 14: Intercept, Parallel & Dynamic Routes 44:20

לפני 2 years44:20

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

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

44:20

Final Project: https://github.com/coderyansolomon/advanced-routing Dive into the complexities of Next.js 14 with our detailed tutorial on advanced routing techniques. Discover how to implement route intercepts, master parallel routes, and create dynamic routes with ease.

C

Code Ryan

Code Ryan podcast artwork

1
Game Dev 101: Where JavaScript Fits In 27:20

לפני 2 years27:20

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

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

27:20

Mark's Youtube: @goodgis In this episode, we embark on a fascinating journey through the world of game development, beginning with our guest's personal tech story and their entry into the realm of gaming. We dive into a thought-provoking discussion about the efficacy of JavaScript for game development, examining its strengths and limitations. The conversation then shifts to contrasting game development with web development, highlighting the unique challenges and overlapping principles between these two domains…

C

Code Ryan

Code Ryan podcast artwork

1
Why You're Struggling To Learn To Code (or new technologies) 11:35

לפני 2 years11:35

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

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

11:35

In today's episode, I cover my experience with failing hard to learn to code. And I cover what I did to change my approach and the 3 step process I took, and now take, to learn new technologies. Hope this helps!

C

Code Ryan

Code Ryan podcast artwork

1
Behind the Code: A Next.js Developer's Roadmap to Success 29:24

לפני 2 years29:24

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

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

29:24

In this episode of the podcast, we delve into the dynamic world of Next.js and web development with the host of 'Code with Lari'. The conversation navigates through Lari's personal tech story, exploring the origins of their fascination with Next.js and the web development realm.

C

Code Ryan

Code Ryan podcast artwork

1
Web Components Uncovered: The Future of Web Development? 28:04

לפני 2 years28:04

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

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

28:04

Chris' website: https://gomakethings.com/code-ryan/ In this podcast episode, Chris Ferdinandi and I delve into the world of web components, uncovering their significance in the landscape of modern web development. The discussion kicks off with an exploration of Chris' personal journey in technology, setting the stage for an in-depth examination of web components and their benefits. We tackle the distinctions between developing with web components and other prevalent methodologies, emphasizing why web components are particularly effective for authoring DOM manipulation libraries. The conversation then shifts to the nuts and bolts of DOM manipulation libraries themselves, followed by practical advice on how beginners can start working with web components.…

C

Code Ryan

Code Ryan podcast artwork

1
From Zero to Web Developer: A Comprehensive Roadmap for Beginners 20:10

לפני 2 years20:10

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

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

20:10

In today's video, I describe how I would approach becoming a full time web developer if I had to start over from scratch in 2024.

C

Code Ryan

Code Ryan podcast artwork

1
Navigating AI and Software 3.0: A Tech Career Guide for Developers 31:01

לפני 2 years31:01

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

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

31:01

Swyx's website: https://www.swyx.io Letent Space: https://www.latent.space/ Swyx on YouTube: https://www.youtube.com/swyxTV In this interview, we delve into the dynamic world of tech with Swyx, a prominent figure in the AI and software development sphere. Swyx shares his journey in the tech industry, focusing on his transition into the realm of AI and its implications for the future of software development. We explore the concept of 'Software 3.0' and its transformative impact, particularly on web developers. Swyx offers his insights on how AI and developers can synergize, potentially reshaping the role of AI in coding and the evolving responsibilities of AI engineers. Addressing a common concern, he discusses whether developers should worry about job security in an AI-centric future. Swyx also provides valuable advice for developers seeking to stay relevant and harness the power of AI tools, recommending specific areas of AI to focus on.…

C

Code Ryan

Code Ryan podcast artwork

1
Tech Interview 101: Crack The Coding Interview 30:43

לפני 2 years30:43

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

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

30:43

Parth's YouTube: https://www.youtube.com/DestinationFAANG/ Most asked Technical Questions: https://docs.google.com/spreadsheets/d/1hzP8j7matoUiJ15N-RhsL5Dmig8_E3aP/edit#gid=1377915986 Github Repo with all the Solutions: https://github.com/DestinationFAANG/Destination-FAANG-Java-Solution Book: Cracking the Coding Interview, Programming interviews exposed Preparation Schedule: https://www.techinterviewhandbook.org/coding-interview-study-plan/ Master Technical Interviews: https://youtu.be/-LVmKNvflnY?si=jrXIS8uzf9haBVED In this episode, Parth joins me to delve deep into the heart of technical interviews, a critical gateway in the tech industry. Our comprehensive discussion covers the various formats of technical interviews across different companies, highlighting the diversity and commonalities in these crucial assessments. We explore the typical pitfalls and mistakes that candidates often encounter, providing practical advice on how to avoid them. Our conversation also navigates through effective strategies for tackling tough technical questions, even when the answer seems elusive.…

C

Code Ryan

Code Ryan podcast artwork

1
Next.js 14 Data Fetching - Avoid THIS Mistake Making Your Apps SLOW 18:31

לפני 2 years18:31

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

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

18:31

Github: https://github.com/coderyansolomon/data-fetching-patterns In this video, I go over sequential VS parallel data fetching in next.js. I'll show you a practical example of how easy it is to accidentally slow down your application as well as how to solve that issue.

C

Code Ryan

Code Ryan podcast artwork

1
(Interview) Is Solid JS Better Than React JS? A Web Framework Breakdown 37:06

לפני 2 years37:06

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

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

37:06

Atila's website: https://atila.io/ Join us in this enlightening episode of the Code Ryan podcast as Atila delves deep into the realm of web development frameworks, dissecting the nuances between SolidJS and React. From their core concepts, strengths, and integration capabilities to potential pitfalls for newcomers, Atila provides a comprehensive breakdown, helping listeners discern the true essence and potential of these two powerhouse frameworks.…

C

Code Ryan

Code Ryan podcast artwork

1
Next.js 14 Server Actions Explained: Building a Full Stack App 37:50

לפני 2 years37:50

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

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

37:50

GitHub: https://github.com/coderyansolomon/grudge-list TimeStamps: 00:00 - Intro and Overview of Server Actions 02:40 - Setup database and create table 14:07 - Setup User Interface 18:44 - Setup Server Action 25:20 - Get data from our Database 28:00 - Revalidate Path 32:37 - useFormStatus Dive into the cutting-edge world of Next.js 14 with our comprehensive video that not only gives you a theoretical overview of the newly introduced server actions but also walks you through the exciting journey of building a full stack application from scratch. This tutorial is crafted to demystify server actions and showcase their practical implementation, providing you with the insights and hands-on experience needed to elevate your web development skills.…

C

Code Ryan

Code Ryan podcast artwork

1
Master Partial Rendering in Next.js 14: A Complete Tutorial 20:46

לפני 2 years20:46

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

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

20:46

GitHub Project: https://github.com/coderyansolomon/partial-rendering Explore the intricacies of partial rendering in Next.js 14 with this detailed tutorial. Delve into the fundamentals and understand how this feature can enhance your web applications. Through real-world examples, we'll demonstrate the practical applications of partial rendering, ensuring you grasp its full potential.…

C

Code Ryan

Code Ryan podcast artwork

1
Next.js Decoded: Insights and Experiences w/ @TuomoKankaanpaa 27:47

לפני 2 years27:47

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

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

27:47

Tuomo on YouTube: @TuomoKankaanpaa In this episode of the Code Ryan podcast, we sit down with the insightful Tuomo to chart his unique journey in the tech world and delve deep into the universe of Next.js. From personal anecdotes on learning and using Next.js to invaluable advice for budding developers, Tuomo covers it all…

C

Code Ryan

Code Ryan podcast artwork

1
Before You Code: 5 Lessons I Learned the Hard Way 18:42

לפני 2 years18:42

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

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

18:42

Diving into the world of coding can be both exhilarating and daunting. In this video, I unravel my personal journey into the realm of programming, highlighting the pitfalls, misconceptions, and invaluable lessons that shaped my experience.

C

Code Ryan

Code Ryan podcast artwork

1
Build & Deploy an AI Chat App: Next.js 13 App Router Tutorial 30:01

לפני 2 years30:01

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

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

30:01

GitHub Project: https://github.com/coderyansolomon/ai-chat Cohere: https://dashboard.cohere.com/welcome/login I'm not going to link my deployed project, as I just have the free trial account so there's a chance it wouldn't work when you go to check it out. Unlock the power of Next.js 13 as we dive deep into its routing capabilities in this comprehensive tutorial. Discover how to seamlessly build and deploy a cutting-edge AI chat application, ensuring you gain hands-on experience and master the nuances of modern web development.…

C

Code Ryan

Code Ryan podcast artwork

1
What You Need To Know About Next.js App Router 29:33

לפני 2 years29:33

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

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

29:33

In this podcast, Florian from the YouTube channel @codinginflow joins me to discuss what you need to know about the latest Next.js app router. We discuss his tech journey as well as getting into the details about how to migrate from the pages router to the app router in Next.js and same major difference between the two.…

C

Code Ryan

Code Ryan podcast artwork

1
Send Emails In Your Next.js 13 Application Using Postmark! 32:56

לפני 2 years32:56

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

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

32:56

GitHub Project: https://github.com/coderyansolomon/nextjs-emails/tree/main In this Next.js 13 app router tutorial, I show you how you can send emails programmatically in your Next.js applications. For this solution, I use Postmark as a service to handle sending regular and templated emails.

C

Code Ryan

Code Ryan podcast artwork

1
Your Complete Guide To Next.js Authentication With Supabase 48:47

לפני 2 years48:47

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

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

48:47

Github project: https://github.com/coderyansolomon/next-auth-supabase In this video, I give you a complete guide to authenticate your Next.js applications using Supabase. We cover client auth, server auth, and protexted routes.

C

Code Ryan

Code Ryan podcast artwork

1
Developer Career Insights And Firebase 101 w/ Rafid Hoda 30:31

לפני 2 years30:31

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

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

30:31

Join us in this episode of the Code Ryan podcast as we delve into the world of Firebase with our esteemed guest, Rafid Hoda. Charting his unique tech journey, Rafid unpacks the intricacies of Firebase, highlighting its standout features, integration capabilities, and common pitfalls for beginners. Rafid's Firebase Course - https://scrimba.com/learn/learnfirebase (I make no affiliate income from the course. But I think it's probably a great resource for learning Firebase)…

C

Code Ryan

Code Ryan podcast artwork

1
Authenticate Your Next.js Application Using Appwrite | Complete Guide 32:23

לפני 2 years32:23

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

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

32:23

Github Project: https://github.com/coderyansolomon/appwrite-auth In this Next.js 13 app router tutorial, I show you how you can authenticate your applications using Appwrite.

C

Code Ryan

Code Ryan podcast artwork

1
Authenticate Your Next.js Apps Using Firebase: Complete Guide 34:16

לפני 2 years34:16

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

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

34:16

Github: https://github.com/coderyansolomon/firebase-auth In this tutorial, I cover how to authenticate users within your Next.js app router applications using Firebase. I cover signing in, signing out, and signing up.

C

Code Ryan

Code Ryan podcast artwork

1
JavaScript, AI, And Machine Learning With Dr. Radu 42:39

לפני 2 years42:39

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

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

42:39

C

Code Ryan

Code Ryan podcast artwork

1
Next.js 13 App Router CRASH COURSE - Learn These 3 Fundamentals 47:45

לפני 2 years47:45

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

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

47:45

In this crash course, I cover core concepts of Next.js 13 that I think are important to understand to get started with Next.js.

C

Code Ryan

Code Ryan podcast artwork

1
FULL Tailwind CSS Course For Beginners 1:05:44

לפני 2 years1:05:44

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

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

1:05:44

C

Code Ryan

Code Ryan podcast artwork

1
From AI to Next.js | Become A Better Developer 27:37

לפני 2 years27:37

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

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

27:37

Elliott's YouTube: https://www.youtube.com/@elliottchong From sharing his personal tech journey to unpacking the ins and outs of Next.js, Elliott provides invaluable insights. We delve deep into the world of AI in web development, tackle questions about AI's impact on the future of the industry, and explore Elliott's favorite technologies, including Tailwind, TypeScript, and Prisma.…

C

Code Ryan

Code Ryan podcast artwork

1
UNLOCK Tailwind CSS With THESE Customizations 18:02

לפני 2 years18:02

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

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

18:02

In todays video, you'll learn how to customize your Tailwind CSS projects to fit your needs. I cover arbitrary values, customizing your config, css variables, and much more.

C

Code Ryan

Code Ryan podcast artwork

1
Decoding Web Development: AI, Appwrite, and Advice from Dennis Ivy 28:19

לפני 2 years28:19

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

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

28:19

Dennis on YouTube: https://www.youtube.com/@DennisIvy In this episode of the Code Ryan podcast, we delve into the dynamic world of web development with expert Dennis. Together, we explore his journey in the tech industry, the transformative changes in web development over the years, and the potential impact of AI on developers. We also demystify common misconceptions about React.js and dive deep into the realm of Appwrite — understanding its advantages for React developers and gleaning invaluable insights on its seamless integration.…

C

Code Ryan

Code Ryan podcast artwork

1
Unlocking Responsive Design In Tailwind CSS 12:12

לפני 2 years12:12

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

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

12:12

C

Code Ryan

Code Ryan podcast artwork

1
THIS Is How To Handle STATES In Tailwind CSS 10:32

לפני 2 years10:32

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

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

10:32

In this video, you will learn how to handle different Tailwind CSS states like hovering, active, etc. Also, you'll learn about using media queries, pseudo elements, attribute selectors, and more. Github: https://github.com/coderyansolomon/tailwind If you're looking for 1 on 1 tutoring, email me at ryan@coderyan.io to check on availability and to learn more about the service.…

C

Code Ryan

Code Ryan podcast artwork

1
Mastering JavaScript Functions And Excelling In Your Career 32:08

לפני 2 years32:08

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

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

32:08

Tapas on YouTube: @tapasadhikary From the foundational understanding of function declarations, arguments, and parameters to the nuanced intricacies of scopes, closures, and arrow functions, Tapas breaks it all down with clarity. Beyond coding, we also touch upon the ever-evolving tech landscape, with Tapas sharing invaluable career insights for budding engineers and weighing in on the AI-driven future of the industry.…

C

Code Ryan

Code Ryan podcast artwork

1
Know THIS Core Concept Of Tailwind CSS 11:41

לפני 2 years11:41

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

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

11:41

In Todays video, I cover a core concept of Tailwind CSS. We take a look at how Tailwind is utility-first, and how that's beneficial. Github project: https://github.com/coderyansolomon/tailwind If you're looking for 1 on 1 tutoring, email me at ryan@coderyan.io to check on availability and to learn more about the service.…

C

Code Ryan

Code Ryan podcast artwork

1
What Is Tailwind CSS And How Does It Actually Work? 13:03

לפני 2 years13:03

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

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

13:03

This is a complete beginner's introduction to Tailwind CSS. I cover what it is, how it works, and I show some examples of using Tailwind in an actual application. Github: https://github.com/coderyansolomon/tailwind If you're looking for 1 on 1 tutoring, email me at ryan@coderyan.io to check on availability and to learn more about the service.…

C

Code Ryan

Code Ryan podcast artwork

1
Decoding The Astro Web Framework 28:16

לפני 2 years28:16

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

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

28:16

Welcome back to another enlightening episode of the Code Ryan podcast! Today, we're joined by the insightful Chris from the popular YouTube channel @CodinginPublic. Embark on a journey with us as Chris shares his personal tech story and gives us an in-depth look at the Astro web framework. Why is Astro creating such a buzz in the developer community? From its standout features to the revolutionary "Islands" architecture, we unravel the many layers of this emerging tool. Plus, Chris shares invaluable insights on the best use-cases for Astro, common pitfalls to watch out for, and tips for those eager to master this framework. Chris' YouTube Channel: @CodinginPublic …

C

Code Ryan

Code Ryan podcast artwork

1
React Hooks Mastery: Custom Hooks 8:52

לפני 2 years8:52

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

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

8:52

React Hooks Mastery: Custom Hooks

C

Code Ryan

Code Ryan podcast artwork

1
React Hooks Mastery: useEffect 10:07

לפני 2 years10:07

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

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

10:07

React Hooks Mastery: useEffect

C

Code Ryan

Code Ryan podcast artwork

1
React Hooks Mastery: useRef 11:17

לפני 2 years11:17

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

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

11:17

React Hooks Mastery: useRef

C

Code Ryan

Code Ryan podcast artwork

1
React Hooks Mastery: useContext 9:37

לפני 2 years9:37

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

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

9:37

C

Code Ryan

Code Ryan podcast artwork

1
React Hooks Mastery: useState And useReducer 31:00

לפני 2 years31:00

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

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

31:00

This pod gives an overview of what React hooks are, and covers the two state hooks: useState and useReducer.

C

Code Ryan

Code Ryan podcast artwork

1
From Idea To Full Stack Application In Next.js - Lessons Learned 27:28

לפני 2 years27:28

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

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

27:28

Jerome's YouTube Channel: @JeromeMcCree In this enlightening episode of the Code Ryan Podcast, we're joined by Jerome McCree, a web development maestro who takes us on his journey into the realm of Next.js. Together, we unpack the intricacies of building a YouTube clone using a potent blend of Next.js, TypeScript, and Tailwind CSS. Jerome sheds light on the initial steps, challenges faced, and invaluable lessons learned along the way, offering listeners an inside look into the world of modern web development.…

C

Code Ryan

Code Ryan podcast artwork

1
Mastering Fonts in Next.js: Local Fonts, Google Fonts, and Best Practices 23:32

לפני 2 years23:32

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

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

23:32

Guthub: https://github.com/coderyansolomon/nextfont Dive into the world of font optimization with this comprehensive Next.js tutorial! In this video, we demystify the process of enhancing your web application's performance and aesthetics by exploring both local font integration and Google Fonts integration. From seamless implementation techniques to essential best practices, you'll learn how to effortlessly elevate your typography game while ensuring fast loading times. Unlock the secrets to creating visually stunning and lightning-fast websites with our in-depth guide to font optimization in Next.js. If you're into fitness and growing muscle, make sure to check out my other channel https://youtube.com/@schoolofmuscle…

C

Code Ryan

Code Ryan podcast artwork

1
Easy Authentication in Next.js App Router With Next-Auth 28:36

לפני 2 years28:36

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

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

28:36

C

Code Ryan

Code Ryan podcast artwork

1
CSS Mastery with Kevin Powell: Unveiling Uncommon Knowledge 33:18

לפני 2 years33:18

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

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

33:18

Discover the art and science of CSS with the insightful Kevin Powell. In this engaging conversation, Kevin shares his personal journey into the world of CSS and dives into the often-overlooked features that can supercharge your web designs. Explore the fascinating landscape of CSS frameworks like Tailwind, and gain valuable insights into the CSS in JS debate. Kevin also unveils his preferred approaches to styling applications, challenges common CSS best practices, and recommends the ones worth sticking to. If you're looking for 1 on 1 tutoring, email me at ryan@coderyan.io to check on availability and to learn more about the service.…

C

Code Ryan

Code Ryan podcast artwork

1
Learn MODERN React JS In 47 Minutes - Complete Crash Course 47:49

לפני 2 years47:49

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

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

47:49

Timestamps: 00:28 - What is React.js? 01:22 - React Components & Props 17:54 - JSX 23:37 - Conditional Rendering 27:10 - Lists 30:45 - Event Handling 36:11 - State Management & Hooks Unlock the power of React JS in just 47 minutes with our comprehensive crash course! Whether you're a beginner or looking to refresh your skills, this video covers it all. Dive into the world of React components, harness the flexibility of JSX, master the art of prop manipulation, delve into efficient state management techniques, and elevate your coding with the latest React hooks. Our fast-paced and engaging tutorial is designed to give you a solid foundation in MODERN React JS, enabling you to create dynamic and interactive web applications. Don't miss this opportunity to accelerate your learning curve and become proficient in one of the most sought-after web development technologies. Join us and embrace the world of React JS today. If you're into fitness and growing muscle, make sure to check out my other channel https://youtube.com/@schoolofmuscle…

C

Code Ryan

Code Ryan podcast artwork

1
Smooth Navigation in Next.js 13: A Comprehensive Link Guide 10:21

לפני 2 years10:21

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

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

10:21

Github Project: https://github.com/coderyansolomon/next-link In this comprehensive video guide, join me as I delve into the intricacies of the Next.js 13 Link Component. With a focus on its essential props—href, replace, scroll, and prefetch—I'll walk you through the mechanics of seamless navigation within your Next.js applications. Through insightful explanations and hands-on demonstrations, you'll gain a deep understanding of how each prop influences your user experience, allowing you to harness their power effectively. Whether you're a beginner or an experienced developer, this video will empower you to master the art of navigation in Next.js 13 and create more efficient and user-friendly web applications. If you're into fitness and growing muscle, make sure to check out my other channel https://youtube.com/@schoolofmuscle…

C

Code Ryan

Code Ryan podcast artwork

1
Demystifying JavaScript Rendering And Optimizing Your Web Applications 28:41

לפני 2 years28:41

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

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

28:41

Welcome back to the Code Ryan podcast. Today, matheus albuquerque joins me to discuss JavaScript rendering patterns. We go over what rendering is, pros and cons of different patterns, and advice for developers. Metheus's website: https://www.ythecombinator.space/ If you're looking for 1 on 1 tutoring, email me at ryan@coderyan.io to check on availability and to learn more about the service.…

C

Code Ryan

Code Ryan podcast artwork

1
Effortless Data Modeling and Querying: Introducing Prisma ORM for Developers 20:30

לפני 2 years20:30

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

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

20:30

Welcome to a journey that will transform the way you approach data management in web development. In this captivating introduction video, we unveil Prisma – the groundbreaking ORM that promises to revolutionize your database interactions. As a web developer, you understand the critical role that seamless data operations play in creating powerful applications. Prisma, with its cutting-edge technology and intuitive interface, is here to elevate your development process. If you're into fitness and growing muscle, make sure to check out my other channel https://youtube.com/@schoolofmuscle…

C

Code Ryan

Code Ryan podcast artwork

1
Decoding Frontend Architectures with Mikael Brevik 32:15

לפני 2 years32:15

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

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

32:15

Welcome to the "Code Ryan Podcast!" In this episode, join us as we venture into the captivating world of frontend architectures with your host, Ryan, and our special guest, Mikael Brevik. Mikael takes us on a journey through his tech career, revealing the pivotal moments that led him to specialize in frontend architectures. Delving into the heart of the matter, Mikael explains the essence of frontend architecture—unveiling how it shapes the very foundation of modern web development. We explore the intriguing dichotomy between Single Page Applications (SPAs) and Static Sites, dissecting their respective strengths and weaknesses, from dynamic user experiences to SEO challenges.…

C

Code Ryan

Code Ryan podcast artwork

1
Next.js Image Component Deep Dive: Optimizing Performance and User Experience 24:50

לפני 2 years24:50

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

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

24:50

Unlock the full potential of Next.js Images in this comprehensive video tutorial. Dive into the world of dynamic web visuals as we explore the ins and outs of the Image Component. From seamlessly integrating local and remote images to mastering sizing and styling techniques, this tutorial equips you with the knowledge to create stunning and performant web applications. Github Project: https://github.com/coderyansolomon/next-images…

C

Code Ryan

Code Ryan podcast artwork

1
Mastering Modern Next.js Data Fetching: Tips, Tricks, and Best Practices 29:19

לפני 2 years29:19

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

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

29:19

Everything you need to know regarding data fetching in Modern Next JS 13 App Router. Learn caching, revalidation, and much more. Github: https://github.com/coderyansolomon/data-fetching

C

Code Ryan

Code Ryan podcast artwork

1
Demystifying AWS: A Beginner's Guide 34:00

לפני 2 years34:00

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

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

34:00

Daniel's Website: https://www.beabetterdev.com/ AWS Learning Accelerator Course - https://courses.beabetterdev.com/courses/aws-learning-accelerator Tips for Learning a New AWS Service - https://youtu.be/N4LtCvxVmaA Day 1 New Account Checklist - https://youtu.be/SGMl2hOl9zM Join us in this episode of the Code Ryan podcast as we welcome Daniel, a seasoned tech enthusiast, to share his captivating journey into the world of AWS. Discover how he seamlessly merged his tech career with the ever-evolving landscape of cloud computing. Gain a comprehensive understanding of AWS, from its fundamental concepts to its transformative impact on modern development. Daniel unveils his top picks among AWS services, unveiling the ones that have significantly enhanced his projects and workflows. For web developers eager to expand their skill set, Daniel offers invaluable recommendations on the pivotal AWS services to master. If you're into fitness and growing muscle, make sure to check out my other channel https://youtube.com/@schoolofmuscle…

C

Code Ryan

Code Ryan podcast artwork

1
Next.js Rendering Explained: Static vs Dynamic 6:27

לפני 2 years6:27

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

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

6:27

In this insightful video, we dive into the nuances of Next.js rendering and unveil when Next JS will render things statically vs dynamically. And the differences between the two.

C

Code Ryan

Code Ryan podcast artwork

1
Next JS Project Structure: Patterns and Techniques for Success 11:23

לפני 2 years11:23

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

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

11:23

In this in-depth video tutorial, we dive into the world of Next JS project structure and explore best practices for building robust and scalable web applications. Whether you're a beginner or an experienced developer, understanding how to organize your Next JS projects effectively is crucial for code maintainability, collaboration, and performance optimization. Join us as we demystify the complexities of Next JS project structure and provide you with practical insights, tips, and techniques to streamline your development process. From choosing the right folder structure to architecting components, this video covers it all.…

C

Code Ryan

Code Ryan podcast artwork

1
Building Resilient Web Apps: Progressive Enhancement Unveiled 36:24

לפני 2 years36:24

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

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

36:24

Join us in this enlightening episode as we delve into the world of progressive enhancement for web applications. From dissecting common pitfalls to offering invaluable tips, we unravel the art of building robust and inclusive web experiences. Guest Name: Aaron Gustafson Guest Website: https://www.aaron-gustafson.com/…

C

Code Ryan

Code Ryan podcast artwork

1
Next.js Middleware: The Secret Sauce to Enhance Your Next App 28:38

לפני 2 years28:38

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

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

28:38

Discover the incredible power of Next.js middleware in this action-packed video! Join us as we delve into the world of Next.js and learn how middleware can supercharge your application's functionality. With a conceptual overview and practical examples, you'll explore the ins and outs of implementing middleware in Next.js.…

C

Code Ryan

Code Ryan podcast artwork

1
Unleashing the Power of Infrastructure as Code with Terraform 28:20

לפני 2 years28:20

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

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

28:20

Join us in this insightful podcast episode where we delve into the realm of Infrastructure as Code (IaC) and the powerful tool, Terraform, as we welcome our esteemed guest, Rishab Kumar. In this engaging conversation, we explore the world of automated application deployments and the pitfalls commonly encountered when using Terraform. Rishab shares valuable lessons from his experience, shedding light on the most frequent mistakes made by developers and operations teams alike.…

C

Code Ryan

Code Ryan podcast artwork

1
Mastering Next.js Route Handlers: A Comprehensive Guide 43:40

לפני 2 years43:40

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

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

43:40

In this in-depth tutorial, dive into the world of Next.js route handlers and learn how to take full control of your web application's routing. Discover the power and flexibility of Next.js route handlers as we explore dynamic routing, making API routes, and other useful techniques. Whether you're a beginner or an experienced Next.js developer, this comprehensive guide will provide you with the knowledge and practical examples you need to leverage Next.js route handlers effectively.…

C

Code Ryan

Code Ryan podcast artwork

1
Demystifying React Testing: Pitfalls, Best Practices, and the React Testing Library | Daniel Afonso 34:30

לפני 2 years34:30

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

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

34:30

In this engaging episode, we delve into the intricate world of testing in React JS with our guest, Daniel Afonso - a seasoned expert in the field. Uncover common mistakes often overlooked by developers, learn about best practices to streamline your testing process, and gain deep insights into the utility of the React Testing Library. Whether you're a novice trying to navigate the React ecosystem or a pro seeking to refine your skills, this episode offers practical takeaways to enhance your testing capabilities. Listen in to bolster your understanding of React Testing, and fortify your toolkit with the wisdom of experience and innovative techniques.…

C

Code Ryan

Code Ryan podcast artwork

1
Mastering Route Intercepts in Next.js: A Comprehensive Guide 12:03

לפני 2 years12:03

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

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

12:03

Unlock the power of routing in Next.js with this comprehensive guide to Route Intercepts! This tutorial takes an in-depth look at how you can effectively manage the flow of your web application by manipulating routes in Next.js. Whether you're a beginner just starting out or a seasoned developer looking to enhance your knowledge, this video will walk you through the fundamentals as well as the advanced techniques involved in using Route Intercepts in Next.js.…

C

Code Ryan

Code Ryan podcast artwork

1
Decoding Node.js: Versioning Essentials, Exciting Features, and More | Colin Ihrig 27:59

לפני 2 years27:59

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

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

27:59

Welcome to 'Navigating Node.js: From Browser JavaScript to Server-side Mastery', a comprehensive podcast tailored for developers at all levels. We delve into the complex world of Node.js versioning, unpack its importance for project compatibility, and look ahead to the platform's upcoming enhancements. Additionally, we demystify the transition from client-side to server-side programming, highlighting key differences and providing strategies for a smooth journey from browser-based JavaScript to Node.js.…

C

Code Ryan

Code Ryan podcast artwork

1
Next JS Routing Strategies: Unleashing the Power of Parallel Routes 13:40

לפני 2 years13:40

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

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

13:40

In this comprehensive video, we delve into the concept of parallel routes in Next.js and unveil their potential to optimize user experience. Join us as we demystify the intricacies of Next.js routing and guide you through practical examples and best practices for implementing parallel routes effectively. Whether you're a beginner or an experienced Next.js developer, this video equips you with the knowledge and techniques to harness the full potential of parallel routes and take your Next.js applications to the next level…

C

Code Ryan

Code Ryan podcast artwork

1
Error Handling in Next JS: A Comprehensive Guide for 10X Developers 23:08

לפני 2 years23:08

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

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

23:08

In this comprehensive video, we delve into the world of error handling in Next.js, providing you with the essential knowledge and practical skills to handle errors like a pro. Whether you're a beginner or an experienced Next.js developer, error handling is a critical aspect of building robust and reliable applications. You'll gain the confidence to tackle errors head-on and deliver seamless user experiences. Enhance your Next.js development skills and become a master of error handling with this must-watch video.…

C

Code Ryan

Code Ryan podcast artwork

1
Decoding Qwik: An In-depth Comparison with React and Next JS | Yoav Ganbar 32:13

לפני 2 years32:13

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

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

32:13

Join us in this captivating episode as we delve into the fascinating world of JavaScript frameworks, highlighting the newcomer, Qwik. Our special guest, Yoav Ganbar, renowned software developer and JavaScript enthusiast, brings his profound insights to the table, offering listeners an in-depth understanding of Qwik's capabilities, and how it stands alongside established frameworks like React and Next.js. Together, we examine the unique aspects of Qwik and draw comparisons to the features, performance, and use cases of React and Next.js. If you're curious about the future of JavaScript development, eager to learn about the potential of Qwik, or looking for informed perspectives to choose between these popular frameworks, this episode is a must-listen. Get ready for an enlightening discussion that will leave you with a richer understanding of the JavaScript landscape and its evolving dynamics.…

C

Code Ryan

Code Ryan podcast artwork

1
Supercharge Your Next JS App with Efficient Loading and Streaming 25:19

לפני 2 years25:19

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

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

25:19

Are you looking to take your Next.js applications to the next level? In this video, we dive deep into the world of loading and streaming techniques in Next.js, helping you supercharge your app's performance and provide seamless user experiences. Join us as we explore the secrets to efficient loading and streaming in Next.js. Discover the best practices and optimization techniques that will enable your app to load faster and stream content effortlessly. Whether you're building a blog, e-commerce platform, or any other web application, these strategies will make a significant difference in how your app performs.…

C

Code Ryan

Code Ryan podcast artwork

1
Next.js Deep Dive: Understanding and Implementing Dynamic Routes 37:07

לפני 2 years37:07

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

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

37:07

Welcome to a deep dive into Dynamic Routes in Next.js! This comprehensive tutorial will walk you through the fundamentals and intricate details of dynamic routing in Next.js, providing you with the skills to build highly scalable and flexible web applications. We cover generateStaticPaths, catch all routes, and much more.…

C

Code Ryan

Code Ryan podcast artwork

1
Beyond Coding: JavaScript Full Text Search, Entrepreneurship, and AI | Michele Riva 33:10

לפני 2 years33:10

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

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

33:10

In this thought-provoking episode, we are joined by the innovative and forward-thinking developer, Michele Riva. Known for his profound understanding of JavaScript and the modern web, Michele takes us on a deep dive into the realm of Full Text Search in JavaScript - exploring its potentials, challenges, and applications. Michele shares insightful anecdotes from his own entrepreneurial journey. He provides valuable advice for developers looking to venture into the business world, blending technical prowess with entrepreneurial intuition. Additionally, we shift our focus to a hotly debated topic - the future of jobs in a world progressively dominated by AI. As AI technology continues to advance, Michele offers an informed perspective on how AI is reshaping the landscape of development and what it means for developers' roles in the future.…

C

Code Ryan

Code Ryan podcast artwork

1
Mastering Next JS Route Groups: A Comprehensive Guide 18:57

לפני 2 years18:57

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

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

18:57

Unlock the full potential of Next.js routing with our comprehensive guide to Next.js Route Groups. In this video, we delve into the powerful features and capabilities of Next.js route groups, allowing you to organize and optimize your application like never before.

C

Code Ryan

Code Ryan podcast artwork

1
Master TypeScript: A Complete Course From Beginner to Pro 1:46:16

לפני 2 years1:46:16

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

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

1:46:16

This is a full course on TypeScript. It focuses on the fundamentals of TypeScript that will allow you to use it professionally and/or in your personal applications

C

Code Ryan

Code Ryan podcast artwork

1
Next JS Navigation Made Easy: The Ultimate Linking Guide 29:00

לפני 2 years29:00

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

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

29:00

This video is a comprehensive guide, plus demo, on NEXT JS linking and navigation using the link component, the useRouter hook, the usePathname hook, and more

C

Code Ryan

Code Ryan podcast artwork

1
Elevate Your Coding Skills: JavaScript, React.js, and Next.js | Kishan Sheth 26:38

לפני 2 years26:38

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

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

26:38

Join us in this insightful episode of our podcast where we dive deep into the realms of web development with our esteemed guest, Kishan Sheth, an experienced software engineer with expertise in JavaScript, React.js, and Next.js. In this discussion, Kishan unravels the power and versatility of JavaScript, exploring why it has become the go-to language for modern web developers. We delve into the nuances of React.js and Next.js, two powerful JavaScript frameworks that are revolutionizing the way we approach web development. Kishan also shares his unique insights on the learning process for Next.js. Whether you're a beginner starting your JavaScript journey or an experienced developer looking to level up your skills, Kishan's tips and advice provide a valuable roadmap for mastering Next.js.…

C

Code Ryan

Code Ryan podcast artwork

1
Save Yourself From JavaScript Pain | structuredClone 8:26

לפני 2 years8:26

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

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

8:26

In this video, I cover a new JavaScript feature that allows you to create deep copies in JavaScript, structuredClone

C

Code Ryan

Code Ryan podcast artwork

1
The NEW Responsive Design For Developers | Adam Argyle 30:26

לפני 2 years30:26

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

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

30:26

Welcome back to the Code Ryan podcast, today I have Adam Argyle from Google joining the pod to discuss the New Responsive design and not just designing for mobile.

C

Code Ryan

Code Ryan podcast artwork

1
How Do Layouts Work In Next JS, Really? 24:37

לפני 2 years24:37

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

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

24:37

C

Code Ryan

Code Ryan podcast artwork

1
CSS Container Queries | Why Though? 12:42

לפני 2 years12:42

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

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

12:42

In this video, I break down CSS container queries and why they're actually useful.

C

Code Ryan

Code Ryan podcast artwork

1
Learn Next JS Routing Fundamentals In No Time (App Router) 12:44

לפני 2 years12:44

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

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

12:44

This video covers the fundamentals of how the Next JS App Router works. It shows you how to define routes and nested routes.

C

Code Ryan

Code Ryan podcast artwork

1
NEXT JS Demystified: Mastering Modern Web Development W/ Dave Gray 37:25

לפני 2 years37:25

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

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

37:25

In today's episode of the Code Ryan podcast, I have on Dave Gray to discuss his web development journey and Next JS.

C

Code Ryan

Code Ryan podcast artwork

1
What Is Next JS, Really? 17:29

לפני 2 years17:29

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

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

17:29

In this episode, I cover what NEXT JS is, what features it offers, who is using it, and if it's worth it to learn.

C

Code Ryan

Code Ryan podcast artwork

1
Mobile Development, React Native, Flutter, & More w/ Simon Grimm 31:30

לפני 2 years31:30

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

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

31:30

Welcome back to the Code Ryan podcast! Today Simon Grimm comes on to discuss all things mobile development. We cover React Native, Flutter, and using cross-platform apps.

C

Code Ryan

Code Ryan podcast artwork

1
NEW HTML Element Making Your Developer Life Easier 17:02

לפני 2 years17:02

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

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

17:02

Tired of looking for external dialog solutions? Well, look no more. HTML now has a new dialog element that I cover in this video. And I also show how to use it in React JS

C

Code Ryan

Code Ryan podcast artwork

1
What Web Developers Need To Know About SQL 31:26

לפני 2 years31:26

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

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

31:26

Today on the Code Ryan podcast, Aaakash joins me to give an overview of SQL for web developers.

C

Code Ryan

Code Ryan podcast artwork

1
Your Complete Introduction To React Server Components 13:29

לפני 2 years13:29

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

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

13:29

C

Code Ryan

Code Ryan podcast artwork

1
Zustand - The ULTIMATE React JS State Manager? - Niklas Ziermann 26:22

לפני 2 years26:22

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

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

26:22

Welcome back to the Code Ryan podcast! Today I have on Niklas Ziermann to discuss Zustand -- A library for React JS state management

C

Code Ryan

Code Ryan podcast artwork

1
9 Common Mistakes Software Engineers Should Avoid 20:02

לפני 2 years20:02

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

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

20:02

C

Code Ryan

Code Ryan podcast artwork

1
Software Engineers Need To Know THIS About Bash Scripting 32:31

לפני 2 years32:31

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

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

32:31

Welcome back to the Code Ryan podcast! Today I have on Herbert from Herbetech to give you a complete inroduction to Bash scripting.

C

Code Ryan

Code Ryan podcast artwork

1
The 2 BEST Ways To Center Elements Using CSS 3:59

לפני 2 years3:59

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

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

3:59

C

Code Ryan

Code Ryan podcast artwork

1
The Django REST Framework - A COMPLETE Introduction 28:45

לפני 2 years28:45

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

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

28:45

C

Code Ryan

Code Ryan podcast artwork

1
SUPERCHARGE Your Console.Log In JavaScript - 3 Tricks 5:50

לפני 2 years5:50

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

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

5:50

C

Code Ryan

Code Ryan podcast artwork

1
A Beginners Introduction To Next JS In 2023 21:58

לפני 2 years21:58

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

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

21:58

C

Code Ryan

Code Ryan podcast artwork

1
TypeScript Tips, Migrating From JavaScript, And Mistake To Avoid - Zach Gollwitzer 29:54

לפני 2 years29:54

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

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

29:54

Welcome back to the Code Ryan podcast! Today I have on Zach Gollwitzer to discuss TypeScript VS JavaScript, TypeScript tips, and TypeScript Mistakes.

C

Code Ryan

Code Ryan podcast artwork

1
chatGPT Code Interpreter - Programmers Can't Ignore This 10:58

לפני 2 years10:58

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

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

10:58

C

Code Ryan

Code Ryan podcast artwork

1
JavaScript Variable Scope - What You NEED To Know 4:23

לפני 2 years4:23

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

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

4:23

C

Code Ryan

Code Ryan podcast artwork

1
How You Should REALLY Structure An HTML Page 11:02

לפני 2 years11:02

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

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

11:02

C

Code Ryan

Code Ryan podcast artwork

1
React JS HTTP Requests, Code Splitting, and Styling with Sloba 28:32

לפני 2 years28:32

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

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

28:32

Today on the Code Ryan podcast I have on Sloba, from the great YouTube channel Code with Sloba. Here, we discuss handling HTTP requests in React, code splitting, and styling React apps.

C

Code Ryan

Code Ryan podcast artwork

1
Web Developers Need To Know THIS About Hyperlinking 16:44

לפני 2 years16:44

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

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

16:44

C

Code Ryan

Code Ryan podcast artwork

1
HTML Emphasis - How To REALLY Use It 6:32

לפני 2 years6:32

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

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

6:32

C

Code Ryan

Code Ryan podcast artwork

1
Master React State Management - Jack Herrington 35:02

לפני 2 years35:02

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

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

35:02

Today, Jack Herrington joins the podcast to discuss state management in React JS.

C

Code Ryan

Code Ryan podcast artwork

1
HTML Lists - Know THIS 5:45

לפני 2 years5:45

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

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

5:45

C

Code Ryan

Code Ryan podcast artwork

1
The Fundamentals Of Using Text In HTML 9:34

לפני 2 years9:34

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

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

9:34

C

Code Ryan

Code Ryan podcast artwork

1
ViteJS And Developer Mistake To Avoid With Arsalan Khattak 30:58

לפני 2 years30:58

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

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

30:58

C

Code Ryan

Code Ryan podcast artwork

1
Everything You Need To Know About HTML Comments 2:55

לפני 2 years2:55

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

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

2:55

C

Code Ryan

Code Ryan podcast artwork

1
The HTML Document Demystified 6:32

לפני 2 years6:32

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

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

6:32

C

Code Ryan

Code Ryan podcast artwork

1
Ex-Facebook Engineer on Good VS Bad Code, AI, and Code Smells - Conner Ardman 33:25

לפני 2 years33:25

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

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

33:25

C

Code Ryan

Code Ryan podcast artwork

1
What You NEED To Know About HTML Attributes 7:11

לפני 2 years7:11

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

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

7:11

C

Code Ryan

Code Ryan podcast artwork

1
What Web Developers Need To Know About HTTP Networking - Lane Wagner 28:51

לפני 2 years28:51

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

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

28:51

C

Code Ryan

Code Ryan podcast artwork

1
3 AI Tools Programmers Need To Know About 8:56

לפני 2 years8:56

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

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

8:56

C

Code Ryan

Code Ryan podcast artwork

1
How Do HTML Elements REALLY Work? 10:18

לפני 2 years10:18

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

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

10:18

C

Code Ryan

Code Ryan podcast artwork

1
What Is HTML, Really? 3:54

לפני 2 years3:54

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

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

3:54

C

Code Ryan

Code Ryan podcast artwork

1
How Do APIs Work, Really? - Craig Dennis 35:28

לפני 2 years35:28

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

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

35:28

C

Code Ryan

Code Ryan podcast artwork

1
The TRUTH About Using Semicolons In JavaScript 4:44

לפני 2 years4:44

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

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

4:44

C

Code Ryan

Code Ryan podcast artwork

1
CSS Flexbox - The Complete 2023 Crash Course 12:23

לפני 2 years12:23

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

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

12:23

C

Code Ryan

Code Ryan podcast artwork

1
Senior Software Engineer - A Better Way To Manage State In React? 26:52

לפני 3 years26:52

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

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

26:52

C

Code Ryan

Code Ryan podcast artwork

1
What Web Developers NEED To Know About GPT-4 6:35

לפני 3 years6:35

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

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

6:35

C

Code Ryan

Code Ryan podcast artwork

1
CSS Flexbox - Everything You Need To Know About Child Items 10:13

לפני 3 years10:13

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

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

10:13

C

Code Ryan

Code Ryan podcast artwork

1
Less JavaScript, AI Replacing Developers, And New Deb Development Trends - James Q Quick 31:14

לפני 3 years31:14

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

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

31:14

C

Code Ryan

Code Ryan podcast artwork

1
CSS Flexbox - What You Need To Know About Containers 15:45

לפני 3 years15:45

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

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

15:45

C

Code Ryan

Code Ryan podcast artwork

1
CSS Flexbox - A Beginners Introduction 9:29

לפני 3 years9:29

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

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

9:29

C

Code Ryan

Code Ryan podcast artwork

1
CSS Transitions - How They REALLY Work 11:21

לפני 3 years11:21

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

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

11:21

C

Code Ryan

Code Ryan podcast artwork

1
5 JavaScript One Liners That Save You Time! 8:47

לפני 3 years8:47

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

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

8:47

C

Code Ryan

Code Ryan podcast artwork

1
15 CSS Trends Web Developers NEED To Know 17:06

לפני 3 years17:06

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

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

17:06

C

Code Ryan

Code Ryan podcast artwork

1
Recoil For React JS - Complete Crash Course 2023 32:43

לפני 3 years32:43

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

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

32:43

C

Code Ryan

Code Ryan podcast artwork

1
Recoil For React JS - SELECTORS Simplified 9:14

לפני 3 years9:14

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

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

9:14

C

Code Ryan

Code Ryan podcast artwork

1
Recoil For React JS - ATOMS 5:46

לפני 3 years5:46

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

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

5:46

C

Code Ryan

Code Ryan podcast artwork

1
What's Recoil, Really? The BEST React State Management Library 9:23

לפני 3 years9:23

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

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

9:23

C

Code Ryan

Code Ryan podcast artwork

1
The Complete Guide To CSS Position In 2023 13:57

לפני 3 years13:57

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

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

13:57

C

Code Ryan

Code Ryan podcast artwork

1
Nullish Coalescing In Javascript Explained 5:09

לפני 3 years5:09

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

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

5:09

C

Code Ryan

Code Ryan podcast artwork

1
3 Tips For Handling CSS Specificity Headaches 5:32

לפני 3 years5:32

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

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

5:32

C

Code Ryan

Code Ryan podcast artwork

1
How To Sort An Array Of Objects In JavaScript? 10:22

לפני 3 years10:22

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

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

10:22

C

Code Ryan

Code Ryan podcast artwork

1
10 CSS Selectors You Need To Know 12:41

לפני 3 years12:41

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

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

12:41

C

Code Ryan

Code Ryan podcast artwork

1
Learn THIS Important JavaScript Skill (merge arrays and objects) 6:40

לפני 3 years6:40

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

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

6:40

C

Code Ryan

Code Ryan podcast artwork

1
What Do Web Developers ACTUALLY Do? 6:58

לפני 3 years6:58

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

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

6:58

C

Code Ryan

Code Ryan podcast artwork

1
5 Lessons From Clean Code 6:47

לפני 3 years6:47

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

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

6:47

C

Code Ryan

Code Ryan podcast artwork

1
CSS Block VS Inline VS Inline-Block 7:52

לפני 3 years7:52

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

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

7:52

CSS Block VS Inline VS Inline-Block

C

Code Ryan

Code Ryan podcast artwork

1
How To Loop Over An Object In JavaScript? 10:27

לפני 3 years10:27

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

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

10:27

C

Code Ryan

Code Ryan podcast artwork

1
How To Really Access Objects In JavaScript 5:48

לפני 3 years5:48

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

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

5:48

C

Code Ryan

Code Ryan podcast artwork

1
CSS Box Model Tutorial For Beginners 10:32

לפני 3 years10:32

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

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

10:32

C

Code Ryan

Code Ryan podcast artwork

1
1 NEW JavaScript Feature You NEED To Know 3:01

לפני 3 years3:01

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

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

3:01

C

Code Ryan

Code Ryan podcast artwork

1
CSS Specificity Explained For Beginners 18:16

לפני 3 years18:16

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

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

18:16

C

Code Ryan

Code Ryan podcast artwork

1
chatGPT Gives You 5 Surprising Web Development Tips 12:55

לפני 3 years12:55

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

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

12:55

C

Code Ryan

Code Ryan podcast artwork

1
chatGPT Give You The 5 BEST JavaScript Tips 9:49

לפני 3 years9:49

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

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

9:49

C

Code Ryan

Code Ryan podcast artwork

1
Do This To Insert A Value At An Index In Javascript 4:45

לפני 3 years4:45

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

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

4:45

C

Code Ryan

Code Ryan podcast artwork

1
Is THIS The END For Software Engineers? 12:37

לפני 3 years12:37

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

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

12:37

C

Code Ryan

Code Ryan podcast artwork

1
TypeScript Generics Tutorial For Beginners (2023) 9:54

לפני 3 years9:54

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

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

9:54

C

Code Ryan

Code Ryan podcast artwork

1
One COMMON MISTAKE JavaScript Developers Make 2:57

לפני 3 years2:57

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

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

2:57

C

Code Ryan

Code Ryan podcast artwork

1
CSS Selectors Explained For Beginners (2023) 15:49

לפני 3 years15:49

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

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

15:49

C

Code Ryan

Code Ryan podcast artwork

1
TypeScript Type Assertions - What You Need To Know 5:53

לפני 3 years5:53

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

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

5:53

C

Code Ryan

Code Ryan podcast artwork

1
Did You Know How To Do THIS In JavaScript? (Capitalize First Letter) 5:33

לפני 3 years5:33

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

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

5:33

C

Code Ryan

Code Ryan podcast artwork

1
CSS Explained For Beginners (2023) 6:48

לפני 3 years6:48

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

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

6:48

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

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