What Is Tailwind CSS And How Does It Actually Work? 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.

W

What Should I Do With My Money?

What Should I Do With My Money? podcast artwork

What Should I Do With My Money? podcast artwork

1
Can We Afford a Wedding, a Home and IVF? 26:12

לפני 21 ימים26:12

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

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

26:12

As a newly engaged couple, Jules and Shay have a lot to look forward to: a destination wedding, starting fertility treatments and the potential of buying a home. But their goals have a short horizon, are they able to save enough to accomplish three large milestones within a five-year period? In this episode, Jules and Shay sit down with Carolina, a Morgan Stanley Financial Advisor to discuss short- and long-term savings strategies, utilizing company benefits and how their families can help them save for a down payment . For more information about this episode and the topics covered, check out our episode page and explore how you can connect with a Morgan Stanley Financial Advisor . Important information about your relationship with your Financial Advisor and Morgan Stanley Smith Barney LLC when using a Financial Planning tool. When your Financial Advisor prepares a Financial Plan, they will be acting in an investment advisory capacity with respect to the delivery of your Financial Plan. To understand the differences between brokerage and advisory relationships, you should consult your Financial Advisor, or review our Understanding Your Brokerage and Investment Advisory Relationships brochure available at https://www.morganstanley.com/wealth-relationshipwithms/pdfs/understandingyourrelationship.pdf You have sole responsibility for making all investment decisions with respect to the implementation of a Financial Plan. You may implement the Financial Plan at Morgan Stanley Smith Barney LLC or at another firm. If you engage or have engaged Morgan Stanley, it will act as your broker, unless you ask it, in writing, to act as your investment adviser on any particular account. Morgan Stanley Smith Barney LLC (“Morgan Stanley”), its affiliates and Morgan Stanley Financial Advisors and Private Wealth Advisors do not provide tax or legal advice. Clients should consult their tax advisor for matters involving taxation and tax planning and their attorney for matters involving trust and estate planning and other legal matters. Residential mortgage loans/home equity lines of credit are offered by Morgan Stanley Private Bank, National Association, an affiliate of Morgan Stanley Smith Barney LLC. With the exception of the pledged-asset feature, a Residential mortgage loans/home equity lines of credit are offered by Morgan Stanley Private Bank, National Association, an affiliate of Morgan Stanley Smith Barney LLC. With the exception of the pledged-asset feature, an investment relationship with Morgan Stanley Smith Barney LLC does not have to be established or maintained to obtain the residential mortgage products offered by Morgan Stanley Private Bank, National Association. All residential mortgage loans/home equity lines of credit are subject to the underwriting standards and independent approval of Morgan Stanley Private Bank, National Association. Rates, terms, and programs are subject to change without notice. Residential mortgage loans/home equity lines of credit may not be available in all states; not available in Guam, Puerto Rico and the U.S. Virgin Islands. Other restrictions may apply. The information contained herein should not be construed as a commitment to lend. Morgan Stanley Private Bank, National Association is an Equal Housing Lender and Member FDIC that is primarily regulated by the Office of the Comptroller of the Currency. Nationwide Mortgage Licensing System Unique Identifier #663185. The proceeds from a residential mortgage loan (including draws and advances from a home equity line of credit) are not permitted to be used to purchase, trade, or carry eligible margin stock; repay margin debt that was used to purchase, trade, or carry margin stock; or to make payments on any amounts owed under the note, loan agreement, or loan security agreement; and cannot be deposited into a Morgan Stanley Smith Barney LLC or other brokerage account. Morgan Stanley Wealth Management is a business of Morgan Stanley Smith Barney LLC. This material has been prepared for informational purposes only. It does not provide individually tailored investment advice. It has been prepared without regard to the individual financial circumstances and objectives of persons who receive it. Morgan Stanley Smith Barney LLC (“Morgan Stanley”) recommends that investors independently evaluate particular investments and strategies, and encourages investors to seek the advice of a Morgan Stanley Financial Advisor. The appropriateness of a particular investment or strategy will depend on an investor’s individual circumstances and objectives. Important Risk Information for Securities Based Lending : Clients must be aware that: (1) Sufficient collateral must be maintained to support the loan and to take future advances; (2) Clients may have to deposit additional cash or eligible securities on short notice; (3) Some or all of the pledged securities may be sold without prior notice in order to maintain account equity at required collateral maintenance levels. Clients will not be entitled to choose the securities that will be sold. These actions may interrupt long-term investment strategy and may result in adverse tax consequences or in additional fees being assessed; (4) Morgan Stanley Bank, N.A., Morgan Stanley Private Bank, National Association or Morgan Stanley Smith Barney LLC (collectively referred to as "Morgan Stanley") reserve the right not to fund any advance request due to insufficient collateral or for any other reason except for any portion of a securities based loan that is identified as a committed facility; (5) Morgan Stanley reserves the right to increase the collateral maintenance requirements at any time without notice; and (6) Morgan Stanley reserves the right to call securities based loans at any time and for any reason. Morgan Stanley Smith Barney LLC, its affiliates and their employees are not in the business of providing tax or legal advice. These materials and any statements contained herein should not be construed as tax or legal advice. Individuals should consult their personal tax advisor or attorney for matters involving taxation and tax planning and their attorney for matters involving personal trusts and estate planning With the exception of a margin loan, the proceeds from securities based loan products may not be used to purchase, trade, or carry margin stock (or securities, with respect to Express CreditLine); repay margin debt that was used to purchase, trade or carry margin stock (or securities, with respect to Express CreditLine); and cannot be deposited into a Morgan Stanley Smith Barney LLC or other brokerage account. To be eligible for a securities based loan, a client must have a brokerage account at Morgan Stanley Smith Barney LLC that contains eligible securities, which shall serve as collateral for the securities based loan. Securities based loans are provided by Morgan Stanley Smith Barney LLC, Morgan Stanley Private Bank, National Association or Morgan Stanley Bank, N.A, as applicable. Morgan Stanley Wealth Management is a business of Morgan Stanley Smith Barney LLC. Morgan Stanley Smith Barney LLC is a registered Broker/Dealer, and not a bank. Where appropriate, Morgan Stanley Smith Barney LLC has entered into arrangements with banks and other third parties to assist in offering certain banking related products and services. Investment, insurance and annuity products offered through Morgan Stanley Smith Barney LLC are: NOT FDIC INSURED | MAY LOSE VALUE | NOT BANK GUARANTEED | NOT A BANK DEPOSIT | NOT INSURED BY ANY FEDERAL GOVERNMENT AGENCY © 2025 Morgan Stanley Smith Barney LLC. Member SIPC. CRC# 4766848 (09/2025)…

Code Ryan « »
What Is Tailwind CSS And How Does It Actually Work?

לפני שנתיים 13:03

שתפו

MP3•בית הפרקים

סדרה בארכיון ("עדכון לא פעיל" status)

When? This feed was archived on October 04, 2025 09:08 (4d ago). Last successful fetch was on July 24, 2025 17:04 (3M ago)

Why? עדכון לא פעיל status. השרתים שלנו לא הצליחו לאחזר פודקאסט חוקי לזמן ממושך.

What now? You might be able to find a more up-to-date version using the search function. This series will no longer be checked for updates. If you believe this to be in error, please check if the publisher's feed link below is valid and contact support to request the feed be restored or if you have any other concerns about this.

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

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.

… continue reading

297 פרקים

#Tech #Ryan Solomon

Code Ryan podcast artwork

What Is Tailwind CSS And How Does It Actually Work?

published לפני שנתיים

שתפו

MP3•בית הפרקים

סדרה בארכיון ("עדכון לא פעיל" status)

When? This feed was archived on October 04, 2025 09:08 (4d ago). Last successful fetch was on July 24, 2025 17:04 (3M ago)

Why? עדכון לא פעיל status. השרתים שלנו לא הצליחו לאחזר פודקאסט חוקי לזמן ממושך.

What now? You might be able to find a more up-to-date version using the search function. This series will no longer be checked for updates. If you believe this to be in error, please check if the publisher's feed link below is valid and contact support to request the feed be restored or if you have any other concerns about this.

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

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.

… continue reading

297 פרקים

#Tech #Ryan Solomon

כל הפרקים

×

C

Code Ryan

Code Ryan podcast artwork

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

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

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

לפני 12 weeks9:57

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

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

9:57

C

Code Ryan

Code Ryan podcast artwork

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

לפני 12 weeks9:19

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

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

9:19

C

Code Ryan

Code Ryan podcast artwork

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

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

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

לפני 14 weeks6:52

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

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

6:52

C

Code Ryan

Code Ryan podcast artwork

1
Master React.memo for Smarter Rendering 5:12

לפני 14 weeks5:12

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

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

5:12

C

Code Ryan

Code Ryan podcast artwork

1
Supercharge React Performance with useMemo 7:01

לפני 15 weeks7:01

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

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

7:01

C

Code Ryan

Code Ryan podcast artwork

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

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

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

לפני 16 weeks10:24

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

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

10:24

C

Code Ryan

Code Ryan podcast artwork

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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