Code Ryan
Code Ryan
  • 1 359
  • 817 531
Master React Props: The Ultimate Guide In 2024
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!
มุมมอง: 310

วีดีโอ

How React.js Components Work: A Step-by-Step Guide
มุมมอง 51412 ชั่วโมงที่ผ่านมา
Code: 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!
Next.js Redirects 101: Simplify Your Routing Like a Pro!
มุมมอง 69819 ชั่วโมงที่ผ่านมา
Code: github.com/coderyansolomon/redirects-nextjs Docs: 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
A Crucial Lesson Every Software Engineer Should Know
มุมมอง 3.5Kวันที่ผ่านมา
Today, I share one of the most important lessons I've learned as a software engineer over the last handful of years of full time professional work.
Build a Dynamic Sidebar in React.js with Tailwind CSS & Next.js!
มุมมอง 1.4K14 วันที่ผ่านมา
Build a Dynamic Sidebar in React.js with Tailwind CSS & Next.js!
Pro Software Engineers Know These 10 Command Line Tips
มุมมอง 87014 วันที่ผ่านมา
Pro Software Engineers Know These 10 Command Line Tips
Next.js Streaming: Deliver Better User Experiences
มุมมอง 1.3K21 วันที่ผ่านมา
Next.js Streaming: Deliver Better User Experiences
Create A MODERN Full Stack Chat App In 2024
มุมมอง 72021 วันที่ผ่านมา
Create A MODERN Full Stack Chat App In 2024
Essential Next.js: Private Routes, Colocation, and Advanced Routing Explained!
มุมมอง 1.2K28 วันที่ผ่านมา
Essential Next.js: Private Routes, Colocation, and Advanced Routing Explained!
How Does JSX Really Work In Modern React?
มุมมอง 234หลายเดือนก่อน
How Does JSX Really Work In Modern React?
Stop Overlooking This Critical React.js Concept: Pure Components
มุมมอง 726หลายเดือนก่อน
Stop Overlooking This Critical React.js Concept: Pure Components
Next.js Layouts Made Easy: Complete Guide with Nested Layouts
มุมมอง 565หลายเดือนก่อน
Next.js Layouts Made Easy: Complete Guide with Nested Layouts
Effortless Speed: Next.js Lazy Loading
มุมมอง 902หลายเดือนก่อน
Effortless Speed: Next.js Lazy Loading
Don't Overlook This Next.js Performance Optimization
มุมมอง 537หลายเดือนก่อน
Don't Overlook This Next.js Performance Optimization
Deploy A SaaS Product FAST with Next.js - Complete Guide
มุมมอง 814หลายเดือนก่อน
Deploy A SaaS Product FAST with Next.js - Complete Guide
Is AI a Threat to Developer Jobs? Plus Insights on React and Next.js
มุมมอง 217หลายเดือนก่อน
Is AI a Threat to Developer Jobs? Plus Insights on React and Next.js
You Need THIS For Your Next.js App!
มุมมอง 631หลายเดือนก่อน
You Need THIS For Your Next.js App!
Effortlessly Manage Permissions in Next.js!
มุมมอง 3302 หลายเดือนก่อน
Effortlessly Manage Permissions in Next.js!
Quickly Authenticate Your Next.js SaaS Application!
มุมมอง 3542 หลายเดือนก่อน
Quickly Authenticate Your Next.js SaaS Application!
Become a Next.js Routing Pro: Dynamic & Catch-All Routes Tutorial
มุมมอง 4032 หลายเดือนก่อน
Become a Next.js Routing Pro: Dynamic & Catch-All Routes Tutorial
Build Smarter with Next.js: Routing Basics
มุมมอง 2.3K2 หลายเดือนก่อน
Build Smarter with Next.js: Routing Basics
Level Up Your Dev Skills: Game Building and Learning in JavaScript
มุมมอง 1K2 หลายเดือนก่อน
Level Up Your Dev Skills: Game Building and Learning in JavaScript
Master NextAuth v5 Database Integration: Step-by-Step Tutorial
มุมมอง 5612 หลายเดือนก่อน
Master NextAuth v5 Database Integration: Step-by-Step Tutorial
Master NextAuth v5: Next.js Authentication Made Easy
มุมมอง 7K2 หลายเดือนก่อน
Master NextAuth v5: Next.js Authentication Made Easy
Must-Know Next.js Tip: Stop Making This Serialization Mistake!
มุมมอง 4222 หลายเดือนก่อน
Must-Know Next.js Tip: Stop Making This Serialization Mistake!
Essential Next.js Tip: Avoid This Caching Mistake
มุมมอง 4552 หลายเดือนก่อน
Essential Next.js Tip: Avoid This Caching Mistake
Startups Vs Tech Giants, Node.js Test Runner, and More
มุมมอง 2082 หลายเดือนก่อน
Startups Vs Tech Giants, Node.js Test Runner, and More
Build a Full Stack App: Next.js, Supabase, Prisma & Tailwind
มุมมอง 4.9K2 หลายเดือนก่อน
Build a Full Stack App: Next.js, Supabase, Prisma & Tailwind
Clean Next.js Code With Prettier: Fast Configuration!
มุมมอง 8303 หลายเดือนก่อน
Clean Next.js Code With Prettier: Fast Configuration!
Next.js Tutorial: Solving Client-Server Component Errors
มุมมอง 5143 หลายเดือนก่อน
Next.js Tutorial: Solving Client-Server Component Errors

ความคิดเห็น

  • @techug2719
    @techug2719 5 ชั่วโมงที่ผ่านมา

    I love you man!

    • @coderyan
      @coderyan 3 ชั่วโมงที่ผ่านมา

      Thank you!

  • @mutasimahmed8975
    @mutasimahmed8975 11 ชั่วโมงที่ผ่านมา

    need this for useEffect

    • @coderyan
      @coderyan 3 ชั่วโมงที่ผ่านมา

      Coming soon!

  • @mutasimahmed8975
    @mutasimahmed8975 12 ชั่วโมงที่ผ่านมา

    Master series is lit

  • @Ismail-hd4yz
    @Ismail-hd4yz 2 วันที่ผ่านมา

    When click on the Link, nothing happen for 2-3 sec. Then suddenly comes to the new route. Intead when used a tag, it atleast show some new route is coming. How get this when using Link

  • @sreenathp-i9y
    @sreenathp-i9y 2 วันที่ผ่านมา

    while using generatestaticparams() it gives me an error like Server Actions are not supported with static export. while building the project

  • @sreenathp-i9y
    @sreenathp-i9y 2 วันที่ผ่านมา

    while using generatestaicparams() it gives me an error like Server Actions are not supported with static export. while building the project

  • @zia-kayani
    @zia-kayani 2 วันที่ผ่านมา

    the dog being is enjoing his sleep

  • @saenkoandrew
    @saenkoandrew 4 วันที่ผ่านมา

    Very good react components tutorial!

    • @coderyan
      @coderyan 4 วันที่ผ่านมา

      Thank you!

  • @njorogekamau3820
    @njorogekamau3820 4 วันที่ผ่านมา

    Thanks. You came through at the right moment.

    • @coderyan
      @coderyan 4 วันที่ผ่านมา

      Happy to hear it!

  • @y0ake77
    @y0ake77 4 วันที่ผ่านมา

    Honestly a very good tutorial❤❤

    • @coderyan
      @coderyan 4 วันที่ผ่านมา

      Thank you!

  • @y0ake77
    @y0ake77 5 วันที่ผ่านมา

    54:40

  • @KevJaques
    @KevJaques 5 วันที่ผ่านมา

    Always be writing notes (daily journal) on how things could be done (even if it's just an idea) - then pivot off these notes as to why some may be good or bad, thought process to break things into smaller pieces

  • @y0ake77
    @y0ake77 5 วันที่ผ่านมา

    51:55

  • @MDTaukirSheikh
    @MDTaukirSheikh 6 วันที่ผ่านมา

    Thanks, it makes the code more readable We used only use it in a personal project ig

  • @coderblip8435
    @coderblip8435 6 วันที่ผ่านมา

    Cute dog in the background bro

    • @coderyan
      @coderyan 6 วันที่ผ่านมา

      Appreciate that!

  • @WDTAT
    @WDTAT 6 วันที่ผ่านมา

    I'll try this out. Thanks man

    • @coderyan
      @coderyan 6 วันที่ผ่านมา

      You’re welcome

  • @erickhar
    @erickhar 6 วันที่ผ่านมา

    Great video Ryan. Thank you!

    • @coderyan
      @coderyan 6 วันที่ผ่านมา

      You’re welcome!

  • @enriquesantosdeoliveira5798
    @enriquesantosdeoliveira5798 6 วันที่ผ่านมา

    Nice tutorial! You can share your theme ?

    • @coderyan
      @coderyan 6 วันที่ผ่านมา

      Thanks! And my VSCode theme? It’s called Winter Is Coming

  • @rvndyr
    @rvndyr 7 วันที่ผ่านมา

    Thanks for this video. I needed this. I’m going through it right now lol this was a good reminder that I can figure this out!

    • @coderyan
      @coderyan 7 วันที่ผ่านมา

      Happy it helped!

  • @LordLowdar
    @LordLowdar 7 วันที่ผ่านมา

    great video thank you!

    • @coderyan
      @coderyan 7 วันที่ผ่านมา

      You’re welcome!

  • @hongbo-wei
    @hongbo-wei 7 วันที่ผ่านมา

    Ryan said, "There is always a solution for everything", stop being over-anxious! Thx!

    • @coderyan
      @coderyan 7 วันที่ผ่านมา

      You’re welcome!

  • @emmanueldjambatambashe701
    @emmanueldjambatambashe701 8 วันที่ผ่านมา

    can you give me the resource that you use?

  • @nasrokamora
    @nasrokamora 8 วันที่ผ่านมา

    Thanks Ryan

    • @coderyan
      @coderyan 8 วันที่ผ่านมา

      You’re welcome

  • @VaibhavSamdani
    @VaibhavSamdani 8 วันที่ผ่านมา

    great video but why are you standing Ryan?

  • @Aleks-fp1kq
    @Aleks-fp1kq 8 วันที่ผ่านมา

    20 years of experience here. Yes, there's a solution but there are the deadlines, and that's why we have teams. If your company is throwing stuff at you even though they know that you don't know it, it's just that either they don't care about quality or they are skimping.

  • @fromnsk
    @fromnsk 8 วันที่ผ่านมา

    Good stuff bro! 👍👍

    • @coderyan
      @coderyan 8 วันที่ผ่านมา

      Thank you!

  • @AnthonyCandaele
    @AnthonyCandaele 10 วันที่ผ่านมา

    thanks Ryan for this instructive video. How would you handle admin users? Admin users should have access to the admin route, but regular users should not have access to the admin route.

  • @ivansostarec2564
    @ivansostarec2564 11 วันที่ผ่านมา

    Great advice 😊🎉

    • @coderyan
      @coderyan 11 วันที่ผ่านมา

      Thank you!

  • @AnthonyCandaele
    @AnthonyCandaele 11 วันที่ผ่านมา

    Thanks a lot for this video. However for my next project I have 2 different types of users, regular users and admin users. Only users with the 'admin' role should have access to the admin route. How should you implement that?

  • @sjonny-depp
    @sjonny-depp 11 วันที่ผ่านมา

    Well, I also have a problem with development. Where I started 8 years ago building websites all the time, now I need to build apps in Next.js, which works most of the time, but building real apps with CRUD functionality, etc., is where I struggle and feel like giving up. I feel stupid. I mean, how can I know how to build every website from scratch with multiple CMS, both headless and traditional, but face problems with CRUD, SPAs, etc.? It's like it's another world. I just can't make the connection when building links, etc. For instance, I don't understand documentation 99% of the time; it's not even close to production web apps, which makes it hard to understand.

  • @kroxey4780
    @kroxey4780 11 วันที่ผ่านมา

    Very nice video man! Keep up the great work! :) Greetings from Austria!

    • @coderyan
      @coderyan 11 วันที่ผ่านมา

      Thanks for the kind words. Greetings!

  • @evansensteen7000
    @evansensteen7000 11 วันที่ผ่านมา

    indeed you are a good teacher, what looks to be difficult to me you have made it easy, thanks I'm also looking forward on how i can update the post

    • @coderyan
      @coderyan 11 วันที่ผ่านมา

      Happy it helped!

  • @sjonny-depp
    @sjonny-depp 11 วันที่ผ่านมา

    How can I add a simple. image upload field?

  • @amarj5899
    @amarj5899 12 วันที่ผ่านมา

    I have other 3 paid courses on nextjs, but here I'm completing your playlist and understood every bit of it. Thanks for making such wonderful series. Some people try and some are just naturally good at what they do. and you are very natural at teaching. I'm very glad I found your channel. GBU :) Ps: I just left those paid udemy courses in middle after I found your channel.

    • @coderyan
      @coderyan 11 วันที่ผ่านมา

      I really appreciate the kind words and I’m happy to hear you’re finding my videos helpful!

  • @MuhamadAzizPrasetyo
    @MuhamadAzizPrasetyo 12 วันที่ผ่านมา

    Thank you so much. Very clean and this is what I needed!

    • @coderyan
      @coderyan 12 วันที่ผ่านมา

      Happy to hear it!

  • @fillipeamg5877
    @fillipeamg5877 12 วันที่ผ่านมา

    Thanks. Good feature

  • @TheMypencil
    @TheMypencil 12 วันที่ผ่านมา

    There should be a sub menu too.

  • @fengtaka
    @fengtaka 12 วันที่ผ่านมา

    This is definitely one of the best tutorials I've watched Easy to understand and literally solved an issue I thought would take me hours in such a short time. Thanks!

    • @coderyan
      @coderyan 12 วันที่ผ่านมา

      Happy to hear it! Thank you

  • @kevcisme
    @kevcisme 13 วันที่ผ่านมา

    What's your VS Code font setting? It's super calming

  • @oghenefejiroprinceimene6090
    @oghenefejiroprinceimene6090 14 วันที่ผ่านมา

    hey thanks but my migration did not work.. no error in the terminal and the terminal did not close .. the port for me is 6543 ..tried for over 5hours .. dont know if u have any suggestion

    • @user-sm3hd9xl1o
      @user-sm3hd9xl1o 14 วันที่ผ่านมา

      change the port to 5432 in connection string it will work

    • @oghenefejiroprinceimene6090
      @oghenefejiroprinceimene6090 13 วันที่ผ่านมา

      @@user-sm3hd9xl1o tried it and it worked..thank you very much 🙏🙏🙏

    • @rayhadif
      @rayhadif 5 วันที่ผ่านมา

      @@user-sm3hd9xl1o thanks you saved my life, i've been searching this for a couple weeks

  • @masterchief5437
    @masterchief5437 14 วันที่ผ่านมา

    Thanks Ryan! I'm new to this library, you explained it simply thanks again!

  • @harran9962
    @harran9962 14 วันที่ผ่านมา

    This video was great. I was wandering around getting hype and blah blah blah, but finally here is someone who gives solid, slow information. To top it off now I have some documentation to reference that we brought up, it was even linked. Man you rock!

  • @naufalabdussyakur8046
    @naufalabdussyakur8046 14 วันที่ผ่านมา

    15:48 AxiosError: There is no suitable adapter to dispatch the request since : - adapter xhr is not supported by the environment - adapter http is not available in the build How to solve it?

  • @christophernolan8761
    @christophernolan8761 15 วันที่ผ่านมา

    totally awesome. thanks for doing this

  • @De_Mysteriis
    @De_Mysteriis 15 วันที่ผ่านมา

    Just my two cents, but building out the structure and then applying tailwind may offer newbies a better understanding of the thought process behind it. Loving the vids though! Keep em coming 💪🏻

  • @ead5590
    @ead5590 15 วันที่ผ่านมา

    Bruhh.. I'm building a sidebar at this very moment for the dashboard I'm building for my client's SASS product. Great stuff! Will definitely watch this one.. 🤩

  • @toddholford2239
    @toddholford2239 15 วันที่ผ่านมา

    I enjoy your shorts! I do have an issue on mobile though. Some of youtubes buttons cover your subtitles, at least on a s22 ultra phone 😢

  • @konraddissake800
    @konraddissake800 16 วันที่ผ่านมา

    Thank you very much sir

    • @coderyan
      @coderyan 16 วันที่ผ่านมา

      You’re welcome

  • @mayank3411
    @mayank3411 17 วันที่ผ่านมา

    What about Window command line

  • @IamJustin-tk6wz
    @IamJustin-tk6wz 18 วันที่ผ่านมา

    Fantastic video. Also, I cant find the part 2 video you mentioned about integration with a DB