Code Ryan
Code Ryan
  • 1 520
  • 1 083 533
The Recommended Way To Link In Next.js 15
Docs: nextjs.org/docs/app/building-your-application/routing/linking-and-navigating
Link API - nextjs.org/docs/app/api-reference/components/link
Переглядів: 77

Відео

Avoid This Problem In React.js - Prop Drilling
Переглядів 1707 годин тому
Docs: react.dev/learn/passing-data-deeply-with-context
Are Templates Better Than Layouts In Next.js?
Переглядів 2,1 тис.16 годин тому
Docs: nextjs.org/docs/app/building-your-application/routing/layouts-and-templates#templates
The Only useReducer Video You Need
Переглядів 844День тому
Docs: react.dev/learn/extracting-state-logic-into-a-reducer#comparing-usestate-and-usereducer
How To Use Layouts Correctly In Next.js 15
Переглядів 68814 днів тому
Docs: nextjs.org/docs/app/building-your-application/routing/layouts-and-templates
Master React State By Solving This Problem
Переглядів 1,4 тис.14 днів тому
Master React State By Solving This Problem
How Pages Really Work In Next.js 15
Переглядів 65321 день тому
How Pages Really Work In Next.js 15
The Wrong Way To Manage State In React.js
Переглядів 61521 день тому
The Wrong Way To Manage State In React.js
A Next.js Fundamental You Need To Master
Переглядів 33128 днів тому
A Next.js Fundamental You Need To Master
This Is A Common Misconception In React.js
Переглядів 950Місяць тому
This Is A Common Misconception In React.js
This Is A Breaking Change For Next.js 15
Переглядів 522Місяць тому
This Is A Breaking Change For Next.js 15
A Fundamental React.js Concept - Lifting State
Переглядів 757Місяць тому
A Fundamental React.js Concept - Lifting State
This Is How To Structure State In React.js
Переглядів 1 тис.Місяць тому
This Is How To Structure State In React.js
A Developer Lesson Learned The Hard Way
Переглядів 2,5 тис.Місяць тому
A Developer Lesson Learned The Hard Way
Do You Need A Degree For Software Engineering?
Переглядів 132Місяць тому
Do You Need A Degree For Software Engineering?
The Modern Guide To Using State In React.js
Переглядів 767Місяць тому
The Modern Guide To Using State In React.js
I Really Didn't Understand This..
Переглядів 2,5 тис.Місяць тому
I Really Didn't Understand This..
This Is A New Helpful Feature In Next.js 15
Переглядів 1,3 тис.Місяць тому
This Is A New Helpful Feature In Next.js 15
This Is A Bad Idea In React.js
Переглядів 4982 місяці тому
This Is A Bad Idea In React.js
3 Next.js 15 Project Organization Strategies
Переглядів 1,3 тис.2 місяці тому
3 Next.js 15 Project Organization Strategies
Doing This Is A Bad Idea In Your React Apps
Переглядів 7392 місяці тому
Doing This Is A Bad Idea In Your React Apps
NEW Next.js 15 Feature! Enhanced Forms
Переглядів 2,8 тис.2 місяці тому
NEW Next.js 15 Feature! Enhanced Forms
Avoid This Next.js Anti-Pattern
Переглядів 1,1 тис.2 місяці тому
Avoid This Next.js Anti-Pattern
The Key To React.js State Updates
Переглядів 2172 місяці тому
The Key To React.js State Updates
Master 3 Essential Next.js Concepts in 4 Minutes!
Переглядів 5172 місяці тому
Master 3 Essential Next.js Concepts in 4 Minutes!
A Commonly Misunderstood React Concept
Переглядів 7192 місяці тому
A Commonly Misunderstood React Concept
Many React Developers Don't Understand This
Переглядів 2,1 тис.2 місяці тому
Many React Developers Don't Understand This
This Can Be A Problem In Next.js
Переглядів 2,1 тис.3 місяці тому
This Can Be A Problem In Next.js
The Next.js Mistake That Breaks Your Data
Переглядів 5853 місяці тому
The Next.js Mistake That Breaks Your Data
The Complete Guide To Mastering React State
Переглядів 3583 місяці тому
The Complete Guide To Mastering React State

КОМЕНТАРІ

  • @OS-Advertising
    @OS-Advertising 7 годин тому

    Context <3

  • @Abd-Shajan
    @Abd-Shajan День тому

    Hi Thank you for this video. Please kindly change your VS code theme color into black, this theme is not really catchy. Choose a black theme or default theme.

  • @lawstiktok
    @lawstiktok 2 дні тому

    Man use prettier extension to format the document's unevenly spaces 😭😭 kinda hard to see you do that manually And btw nice video! I got many concepts cleared, thanks!

  • @omniman8912
    @omniman8912 2 дні тому

    Guys, as an intern React developer, should i know that code line by line( to write it by myself) or i can do it the same way, copy-paste from the documentation?

  • @fuuu-w5h
    @fuuu-w5h 2 дні тому

    "easy" 🤣🤣

  • @daviddixx6737
    @daviddixx6737 3 дні тому

    Very helpful video, thanks man

    • @coderyan
      @coderyan 3 дні тому

      You’re welcome!

  • @punkmonk977
    @punkmonk977 3 дні тому

    Why this gigachad has so few subs?Best tutorials about JS I ever seen!

  • @nunajah
    @nunajah 4 дні тому

    Why use js #skip

  • @ikbo
    @ikbo 4 дні тому

    But if you have lots of dropdown compnents wont lifting the state to parent cause all the dropdowns to rerender?

  • @DigitalAlchemyst
    @DigitalAlchemyst 5 днів тому

    Very cool, I had no idea this was a thing

  • @ahmmadawshaf
    @ahmmadawshaf 5 днів тому

    You were looking for a function called logout or something from the supabase obj, but autocomplete didnt work. If you were on TypeScript it would have worked along many other benefits Ts has to offer. The choice between JS or TS is your 😅

  • @virtual5754
    @virtual5754 6 днів тому

    So what is actual use case for templates? Where do they perform better?

  • @AzzamAbdillah-v4d
    @AzzamAbdillah-v4d 6 днів тому

    thanks for tutorial bro , im very happy

    • @coderyan
      @coderyan 6 днів тому

      Happy to hear it!

  • @gidmanone
    @gidmanone 7 днів тому

    Real world usage is the best way to explain these things. I wonder why you settled for this particular example.

    • @Meligy
      @Meligy 5 днів тому

      Yeah. The example would have worked fine with layout just by adding a dependency to useEffect

  • @howhello354
    @howhello354 7 днів тому

    Just use vue js 😂 Simplicity will kick this shit

  • @kritsana6170
    @kritsana6170 7 днів тому

    Thank you for sharing this. It's very easy and clear for a beginner like me.

    • @coderyan
      @coderyan 7 днів тому

      Happy it helps!

  • @rohitimandi
    @rohitimandi 8 днів тому

    Hello, Thanks for this. Until now, I was under the impression that server side rendering follows server first thought pattern? Now, I am confused as Mikael mentions otherwise in 23:30. Please clear this confusion

  • @ankushmatyal1581
    @ankushmatyal1581 8 днів тому

    Nice

  • @dhakanednyanesh
    @dhakanednyanesh 9 днів тому

    What theme you are using bro, Nice video though

    • @coderyan
      @coderyan 9 днів тому

      The theme is called Winter is Coming

  • @MrSeredan
    @MrSeredan 9 днів тому

    If I have a middleware with localization and a middleware with route protection, how do I make different configurations for the application?

  • @farzadmf
    @farzadmf 10 днів тому

    Nice video, thank you! Small nit: usually actions use imperative format (ADD_TASK, DELETE_TASK, TOGGLE_TASK, etc.) and the past tense is usually used for events.

  • @sligovolts
    @sligovolts 10 днів тому

    Really enjoying your videos, their quality and the pacing you've creating them! Thanks for sharing!

    • @coderyan
      @coderyan 10 днів тому

      Happy you like them!

  • @wahedshuvo
    @wahedshuvo 10 днів тому

    Thanks for using Js not Ts. I was frustrated finding a Js tutorial for supabase.

    • @coderyan
      @coderyan 10 днів тому

      You’re welcome

    • @wahedshuvo
      @wahedshuvo 9 днів тому

      @@coderyan We need more of these!

  • @abdulrehmankhan6174
    @abdulrehmankhan6174 10 днів тому

    Thanks for Uploading 🙌, Keep it up brother ☺️

  • @sefikizetbegovic5625
    @sefikizetbegovic5625 10 днів тому

    great!

  • @Aliabdi-ub4xg
    @Aliabdi-ub4xg 10 днів тому

    It's really interesting, I didn't know, thank you.❤

  • @voxgoal
    @voxgoal 10 днів тому

    The query can be used in search functionalities?

  • @testingthingswithbrunocc_io
    @testingthingswithbrunocc_io 11 днів тому

    Great content! I just have a question, is it possible to fetch the api without the domain, like fetch('/api/posts'), if not would it be needed to use domain as an env variable in all environments? Is there a best practice for this?

  • @sefikizetbegovic5625
    @sefikizetbegovic5625 11 днів тому

    hey this video is sooo full of quality and originality! I really feel having learned something very important!

  • @sefikizetbegovic5625
    @sefikizetbegovic5625 11 днів тому

    i really like the clarity and simplicity so that these videos for me are companion videos for nextjs documentation.

  • @sefikizetbegovic5625
    @sefikizetbegovic5625 11 днів тому

    wow I really like this nice short video. It really explains all the <Link/> props in a straightforward and very simple manner. It is soo clearly explained. Wow, this is a quality video. (And I also like the voice, it was like ASMR)

  • @xdphantom8817
    @xdphantom8817 12 днів тому

    good ! understood ! lets say i want to show navbar in "/" page and not anywhere else how would i do it ?

    • @AmirparsaDD
      @AmirparsaDD 11 днів тому

      Put the navbar in the page.tsx not the layout.tsx

  • @XilqaXilqa
    @XilqaXilqa 14 днів тому

    Unlucky your code is not working

  • @NAMAN444edit
    @NAMAN444edit 14 днів тому

    bro i think you should make some changes in your content by showing your face came and energy in entry scene 😁😁. because your highest view video is in which you show your face .

  • @DanielEhigiator-f3m
    @DanielEhigiator-f3m 15 днів тому

    This was fantastic. Thanks for the clarity

    • @coderyan
      @coderyan 15 днів тому

      You’re welcome!

  • @DileepaRanawake
    @DileepaRanawake 15 днів тому

    You're an excellent teacher Ryan - I've been a bit confused by all this and love how you've broken these concepts down and covered. Thank you

    • @coderyan
      @coderyan 15 днів тому

      Happy it helps!

  • @DileepaRanawake
    @DileepaRanawake 15 днів тому

    This was absolutely excellent - thanks so much 🙂

    • @coderyan
      @coderyan 15 днів тому

      You’re welcome!

  • @qazyhn94
    @qazyhn94 16 днів тому

    i think the reason of this: you should not do this in the fist place, its weird implementation you always expect counter to be there just with a different prop, so then render it once and change the prop instead of rendering it twice, then its obvious that prop change wont reset state (unless its implemented inside Counter component)

    • @theReal_WKD
      @theReal_WKD 16 днів тому

      The main takeaway here is the use of the "key" prop which basically tells React to create 2 different references for the "same" component. But you're right about the implementation, it's not optimal. I would change isPlayerA state for "player/setPlayer" which could be "A" | "B". Then just render <Counter key={player} person={`Player ${player}`} />

    • @qazyhn94
      @qazyhn94 16 днів тому

      @theReal_WKD exactly, but yes I was not aware of this behavior, good to know

  • @jf7sm53
    @jf7sm53 16 днів тому

    react does not extend the fetch API. it's a mistake in the nextjs docs. everything custom that fetch does is injected by nextjs, react doesn't touch fetch at all

  • @doby3288
    @doby3288 16 днів тому

    Nice explanation, but I was curious the whole time, about how is `Counter` component implemented.

    • @zshanahmad2669
      @zshanahmad2669 16 днів тому

      probably somthing like this: fun Counter(){ const [count, setCount] = useState(0); return <button onClick={()=> setCount(c => c+1) } > {count} </button> }

    • @doby3288
      @doby3288 16 днів тому

      @@zshanahmad2669 Yeah, something like that... I found the implementation in the provided link in the description, but thanks for the info!

  • @mdsajibshidker
    @mdsajibshidker 17 днів тому

    Can you deploy this project for us?

  • @badrigaire8505
    @badrigaire8505 19 днів тому

    nice explanation ✅

  • @gzboti
    @gzboti 20 днів тому

    Thank you - really helpful & detailed guide!

    • @coderyan
      @coderyan 20 днів тому

      Happy it helped!

  • @VipinBhati-h2j
    @VipinBhati-h2j 20 днів тому

    bro literally wasted my time, thought i could improve but he is explaining prop drilling with misleading title

  • @declu0708
    @declu0708 21 день тому

    Well explained, but it would have been nice to see it in action

    • @coderyan
      @coderyan 21 день тому

      Thanks! I do cover examples is my full videos. But I can try to do more examples in shorts

  • @timbauer399
    @timbauer399 21 день тому

    Beautiful! I've used both controlled and uncontrolled components before, but didn't know the terminology (or even that there was terminology) for this. Great explanation! Love it. 🙂

    • @coderyan
      @coderyan 21 день тому

      Happy to hear it helped!

  • @muhammadijaz6042
    @muhammadijaz6042 21 день тому

    Nice creative concept. 👍 Please, elaborate more on use cases. Take care & stay healthy and more creative.

  • @amitanshusahu1079
    @amitanshusahu1079 21 день тому

    that is so obvious... 😐.. it's prop drilling.. kind of misleading title. anyways the video was good.. you are new in my feed

  • @smartway3883
    @smartway3883 22 дні тому

    How to use gzip in solid-start

  • @igorr4682
    @igorr4682 24 дні тому

    Now with react 19 out you can just use the use hook