React visually explained: 'use client'

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 พ.ย. 2024

ความคิดเห็น • 203

  • @shinchima
    @shinchima หลายเดือนก่อน +47

    Delba's explanations are always concise and clear, cheers!

    • @Delba
      @Delba  หลายเดือนก่อน +3

      Cheers!

  • @SavvasMohito
    @SavvasMohito หลายเดือนก่อน +10

    This is one of the best presented and straightforward react guides I've watched. Thank you

    • @Delba
      @Delba  หลายเดือนก่อน +1

      Thank you for saying so, glad to hear it!

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

    This is one of the most informative videos I’ve watched in a while and you’ve opened up a world of ideas for me now. Keep it up!

  • @aryankathawale9269
    @aryankathawale9269 หลายเดือนก่อน +6

    Must've taken like a million years to make this one video , huge success , sharing with others in my part of the sphere

    • @Delba
      @Delba  หลายเดือนก่อน

      Thank you :)

  • @saddamhossain6270
    @saddamhossain6270 หลายเดือนก่อน +1

    She has a very clear voice, which I love to listen to again and again. In addition, very good explanation of each topic.

  • @FarazFKhan
    @FarazFKhan หลายเดือนก่อน +3

    Waow, I would pay for a course on using Remotion this well - absolutely blown away by the quality of the graphics here!

  • @giuseppecv56
    @giuseppecv56 หลายเดือนก่อน

    Wow, you are a developer with the spirit of a designer, I loved your presentation 💯

  • @arturshaser
    @arturshaser หลายเดือนก่อน +2

    The video I'll now force every react dev to watch. Very great (and simple!) explanations, beautiful and soo inspiring animations, and also nice analogies!! Thank you Delba! 🎉 Hopefully your emergency got peacefully resolved 🙏

    • @Delba
      @Delba  หลายเดือนก่อน

      Thank you, yes, all is well now 🙏

  • @abdulrehmanjaved-rt8jq
    @abdulrehmanjaved-rt8jq หลายเดือนก่อน +1

    Thanks Delba! I wish you upload videos at least 1 video in 2 weeks, I am not saying regular videos as I understand this level of content takes time.

    • @Delba
      @Delba  หลายเดือนก่อน +1

      I’ll get back to it soon!

  • @alliardalimo6665
    @alliardalimo6665 หลายเดือนก่อน

    Really love how you explain, can't wait for your in-depth explanation again of how RSC Payload works for reassambe client & server component at the client 🤗

    • @Delba
      @Delba  หลายเดือนก่อน

      Thank you, good idea 🙏

  • @knuckleup9191
    @knuckleup9191 หลายเดือนก่อน +2

    wow this is the best explanation of this concept I've seen

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

    so much help understanding server component. thanks and looking foward to the next video!

  • @vandhuymartins9481
    @vandhuymartins9481 หลายเดือนก่อน

    I have yet to find any videos as well-made as yours Delba. You ROCK! 🤘

    • @Delba
      @Delba  หลายเดือนก่อน +1

      Thank you! 😊

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

    Simply brilliant explanation, thanks for sharing!

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt หลายเดือนก่อน

    Thanks Delba, I was waiting for another video of yours, I like the way you explain, I hope you can upload content more frequently.

  • @prasadpulaguntla9255
    @prasadpulaguntla9255 หลายเดือนก่อน

    One of best explanation of react server components!!

  • @Mirislomovmirjalol
    @Mirislomovmirjalol หลายเดือนก่อน +1

    hey Delba. We want more videos like this. Especially more advanced ones please!!!

  • @ibnurasikh
    @ibnurasikh หลายเดือนก่อน +1

    as always with the very clever visual explanation, as a dev and also a teacher i learn so much from you, thanks!

    • @Delba
      @Delba  หลายเดือนก่อน

      Happy to hear it!

  • @zero_this
    @zero_this หลายเดือนก่อน

    the much of effort in these videos is soo incredible , thanks for your efforts 🙏

    • @Delba
      @Delba  หลายเดือนก่อน +1

      Thank you!

  • @Silverdagger258
    @Silverdagger258 หลายเดือนก่อน

    Amazing summary of how things work. Very concise and to the point

    • @Delba
      @Delba  หลายเดือนก่อน

      Glad to hear it!

  • @ways.
    @ways. หลายเดือนก่อน

    Amazing work! Just loving the visuals alongside the explanation!! Please make more of these ❤

  • @anjaneekumar-singh
    @anjaneekumar-singh หลายเดือนก่อน +1

    I think my TH-cam recommendations becoming better.
    Great content 😊☺️

  • @nernaykumar1481
    @nernaykumar1481 หลายเดือนก่อน

    Animations are really cool , it helped me understand how bundling works visually , great work Cheers!!

  • @benjaminsantana2837
    @benjaminsantana2837 หลายเดือนก่อน

    Great content, it gives me peace the way you explain everthing!

  • @NeilPuttick
    @NeilPuttick หลายเดือนก่อน

    Really useful, thanks. This talk helps to strategise how to use server actions / components in NextJs, especially the “use server” gotchas!

  • @thilirathnayaka
    @thilirathnayaka หลายเดือนก่อน

    As it turns out, i understand well visually. This is PERFECT! Thank you so much! 😊

    • @Delba
      @Delba  หลายเดือนก่อน +1

      Glad to hear it!

  • @thecodelogin
    @thecodelogin หลายเดือนก่อน

    My concept is just enhanced beautifully. Thanks Delba Amazing.!

  • @forestpandabath
    @forestpandabath หลายเดือนก่อน

    Yes, you really do explain things clearly, it's great.

  • @_mrwebwork
    @_mrwebwork หลายเดือนก่อน

    This is an excellcent explantation, great job!

  • @paraspavasiya6108
    @paraspavasiya6108 หลายเดือนก่อน

    Great explanation and one of the best visualisations. 👍 👌

  • @jamesgulland
    @jamesgulland หลายเดือนก่อน

    damn, this is so clear and concise. biggups from the UK ❤

    • @Delba
      @Delba  หลายเดือนก่อน +1

      Cheers James!

  • @nayeemxtreme
    @nayeemxtreme หลายเดือนก่อน

    Excellent explaination, Delba!

  • @poetryandcode
    @poetryandcode หลายเดือนก่อน

    I have been using "use client", this video is helpful.

  • @mohammedmshal5483
    @mohammedmshal5483 หลายเดือนก่อน

    As usual, a more than wonderful explanation، Thank you ❤

    • @Delba
      @Delba  หลายเดือนก่อน +1

      Glad to hear it!

  • @refeals
    @refeals หลายเดือนก่อน +1

    Awesome vídeo! Really great explanation to common problems

  • @MrLightning10000
    @MrLightning10000 หลายเดือนก่อน +10

    Hey Delba, great Video! What theme and font are you using for the code? I like it a lot!

    • @Delba
      @Delba  หลายเดือนก่อน +13

      vitesse and geist

  • @Simiaaaa
    @Simiaaaa หลายเดือนก่อน

    I love your videos, your're doing an incredible work ! Bravo

  • @facundopellicer7514
    @facundopellicer7514 หลายเดือนก่อน +2

    wonderful explanation

  • @SehajChawla
    @SehajChawla หลายเดือนก่อน

    Thank you for making videos like this! Your videos make nextjs concepts finally click for me.

    • @Delba
      @Delba  หลายเดือนก่อน

      Glad to hear it!

  • @viktorsmakreckis4879
    @viktorsmakreckis4879 หลายเดือนก่อน

    Great video and explanation as usual. Thank you for these!

    • @Delba
      @Delba  หลายเดือนก่อน

      I appreciate it!

  • @O1zo
    @O1zo หลายเดือนก่อน

    Great video! I hope more to come

  • @JamesQQuick
    @JamesQQuick หลายเดือนก่อน

    AMAZINGG! Thank you :)

  • @avinashmurmu9070
    @avinashmurmu9070 หลายเดือนก่อน +66

    How the hell do you make these videos 🤯💯🔥

    • @Trust3D
      @Trust3D หลายเดือนก่อน +4

      Adobe ae

    • @aro-aro-aro
      @aro-aro-aro หลายเดือนก่อน +7

      @@Trust3D no she mentioned in other videos that she uses remotion

    • @Trust3D
      @Trust3D หลายเดือนก่อน

      @@aro-aro-aro ok, I see

    • @skidkadda
      @skidkadda หลายเดือนก่อน +2

      You should watch Jurassic Park. Those effects will blow your mind

    • @avinashmurmu9070
      @avinashmurmu9070 หลายเดือนก่อน +3

      @@Trust3D what I'm actually asking is how much time does she invest to make these videos....in AE to animate each and every line....it would take a month or even more.

  • @parimal20
    @parimal20 หลายเดือนก่อน

    Please mam make a full video series on react js. This is awesome 👍🏻😎

  • @bwprado
    @bwprado หลายเดือนก่อน

    You are amazing! Thanks for this wonderful video!

  • @omega.developer
    @omega.developer หลายเดือนก่อน +1

    Well, I was exaggerated. Extremely beautiful coding video. Video quality, presentation is absolutely like apple products. Please let us know what software’s and video gear you use 👏🙌

    • @Hasheemdev
      @Hasheemdev หลายเดือนก่อน +1

      yes please

    • @Delba
      @Delba  หลายเดือนก่อน

      Thank you! I use Remotion and a DLSR camera.

  • @vinitgupta1648
    @vinitgupta1648 หลายเดือนก่อน +1

    Most beautifully composed video I have seen!! How are you making these edits?

    • @Delba
      @Delba  หลายเดือนก่อน

      Thank you. I use remotion.

  • @Frankrypto
    @Frankrypto หลายเดือนก่อน

    the animation is sooo good! thank you.

  • @jaecheokkim99
    @jaecheokkim99 หลายเดือนก่อน

    Your video always made my day :) thank you!!!!!

  • @tobitacklestech
    @tobitacklestech หลายเดือนก่อน

    great explanation!

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

    This is such an awesome video, may I ask what you used to make the "slides"?

  • @TheCodeDealer
    @TheCodeDealer หลายเดือนก่อน +1

    Nice video, I like the animations and the graphics. How do you do the animations and these graphics if I may ask?

    • @Delba
      @Delba  หลายเดือนก่อน +1

      Thanks, I use a tool called Remotion.

    • @TheCodeDealer
      @TheCodeDealer หลายเดือนก่อน

      @@Delba Thank you

  • @mauricio_per3z
    @mauricio_per3z หลายเดือนก่อน

    Delba, what a great content you are making, I encourage you to keep this work up, you have a great talent. Just for curiosity, what tools do you use to make this quality of videos here?
    Cheers from El Salvador

    • @Delba
      @Delba  หลายเดือนก่อน

      Thank you, I use Remotion

    • @mauricio_per3z
      @mauricio_per3z 28 วันที่ผ่านมา

      @@Delba thank you!!

  • @kartikkaushik4743
    @kartikkaushik4743 หลายเดือนก่อน

    Hi Delba i wish you get more subscribers to your vedio pls continue this series and pls make the complete playlist of nextjs if possible

  • @hachetrescomacatorce2340
    @hachetrescomacatorce2340 25 วันที่ผ่านมา

    awesome!!!!!!! thanks a lot, greeting from colombia

  • @prathameshgharat7772
    @prathameshgharat7772 หลายเดือนก่อน

    Thanks a lot for creating this. 🙏🏼
    Was this really made using remotion as others mentioned? It feels like a lot of thought and work was put in building the framework for yourself that was needed to make videos like this... The animations, highlights and explanations are spot on. 👏🏼

    • @Delba
      @Delba  หลายเดือนก่อน

      Thank you. Yeah, its remotion + custom utilities.

  • @HijabiCoder
    @HijabiCoder หลายเดือนก่อน +9

    I would watch a tutorial on how you made this vid 🔥

    • @bm2ilabs
      @bm2ilabs หลายเดือนก่อน +1

      totally agree so clean

    • @guiguicdd
      @guiguicdd หลายเดือนก่อน

      Yep ✋️

    • @Delba
      @Delba  หลายเดือนก่อน +2

      Maybe one day :)

  • @SonuSingh-sm7jy
    @SonuSingh-sm7jy หลายเดือนก่อน

    Everytime when come to youtube , then i check to see your new video come or not😅

    • @Delba
      @Delba  หลายเดือนก่อน +1

      Haha, today's the day!

  • @sagittaeaether
    @sagittaeaether หลายเดือนก่อน +1

    These videos are super insightful with the explanations and the animations, I've been going through the materials provided to learn Next and the public repos, but I'd really appreciate it if you could tell me other developer advocates channels to create my playlist

    • @Delba
      @Delba  หลายเดือนก่อน

      Thank you, glad to hear it. Lee does a lot of Next.js videos: www.youtube.com/@leerob. But in general, there are a lot of great Next.js videos from the community, so try searching for the topic you're interested in.

    • @sagittaeaether
      @sagittaeaether หลายเดือนก่อน

      @@Delba Thank you 😊

  • @w1atrak1ng
    @w1atrak1ng หลายเดือนก่อน

    Now it makes so much sense, thanks

    • @Delba
      @Delba  หลายเดือนก่อน

      Woohoo, glad to hear it!

  • @DavinHsieh.
    @DavinHsieh. หลายเดือนก่อน +2

    This is an awesome video. May you tell me which theme and font you used for your editor? Thank you!

    • @Delba
      @Delba  หลายเดือนก่อน +1

      Thank you, vitesse and geist

  • @nls-io
    @nls-io หลายเดือนก่อน

    That was amazing! Thanks. Same question as the others. What are you using to do the code animations? Look great.

    • @Delba
      @Delba  หลายเดือนก่อน

      It's a tool I'm building with Remotion.

  • @ferhatsunaycansev106
    @ferhatsunaycansev106 24 วันที่ผ่านมา

    Perfect video, thanks a lot

  • @VictorYami
    @VictorYami หลายเดือนก่อน

    awesome explanations!

  • @frankdearr2772
    @frankdearr2772 หลายเดือนก่อน

    great topic, thanks 👍

  • @essawy897
    @essawy897 หลายเดือนก่อน +2

    man, forget about react. just teach us how to be this good at Remotion please.

  • @ROYALNIL_SITE
    @ROYALNIL_SITE 22 วันที่ผ่านมา

    very nice delba ,
    your learn is good ,which program you use for making this video special to move with code & highlight things?
    if your video become shorter in two video is better .

    • @Delba
      @Delba  18 วันที่ผ่านมา

      Thanks, I use Remotion.

  • @magnuserikkeenrobot1117
    @magnuserikkeenrobot1117 หลายเดือนก่อน

    delba you are the best!

  • @MuhammadOwais-ue4jb
    @MuhammadOwais-ue4jb หลายเดือนก่อน

    very well explain with visualization.

  • @jacquesduplessis6175
    @jacquesduplessis6175 หลายเดือนก่อน

    Nice video Delba.
    I haven't used the new react architecture, as all our projects are running on the "old model". So,
    it looks like Nextjs can make the new React model easier to work with by giving developers an abstraction (maybe file based) to work with front-end and back-end components? Especially as we might still need an extra backend language/framework/api to deal with all the business logic.
    I might be missing something as I need to dig into the new features, but feel free to comment

    • @Delba
      @Delba  หลายเดือนก่อน

      Thank you. This is just one way. There are lots of technical, team dynamic, existing infra tradeoffs. You don't have to go all in. REST APIs are fine and a good middle ground might want to look into is "backend of frontend (BFF)" architecture.

    • @jacquesduplessis6175
      @jacquesduplessis6175 หลายเดือนก่อน

      @@Delba Thanks Delba, I'm going to start playing with this and also look into BFF 👍🏻

  • @MonkeyD.3892
    @MonkeyD.3892 หลายเดือนก่อน

    Great Video
    Thanks Delba

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

    Great video. But what font are you using for code snippets? Looks cool.

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

      Thank you. It's Geist Mono.

  • @TonyGustafsson
    @TonyGustafsson หลายเดือนก่อน

    Good explaination!

  • @DominikSipowicz
    @DominikSipowicz หลายเดือนก่อน

    Amazing video :)

    • @Delba
      @Delba  หลายเดือนก่อน +1

      Thanks Dom 🖤

  • @thatryanp
    @thatryanp หลายเดือนก่อน

    Superb delivery. How much of this is specific to Nextjs?

    • @Delba
      @Delba  หลายเดือนก่อน

      Thank you. Not much, this is primary a react/bundling feature, but its implemented in frameworks.

  • @DhrubaPatra1611
    @DhrubaPatra1611 หลายเดือนก่อน

    Wow such a nice video.

  • @GabrielDiasTeixeiraAntunes
    @GabrielDiasTeixeiraAntunes หลายเดือนก่อน

    Your animations is amazing! Do you use remotion to do that? You can teach us how we can do the same?

    • @Delba
      @Delba  หลายเดือนก่อน

      Thank you! Yes, I use remotion. Possibly in the future, right now I'm focused on React and Next.js.

  • @abdoufma
    @abdoufma หลายเดือนก่อน

    Very insightful video!
    13:40 is this what happens when you use next's `output: "export"` mode?

    • @Delba
      @Delba  หลายเดือนก่อน

      Yes, but `output: export` forces static pre-rendering for your entire app. You can also enable static rendering on a per route basis, and with Partial Pre-rendering on a per component basis.

  • @abbosbekraxmonov9718
    @abbosbekraxmonov9718 28 วันที่ผ่านมา

    Super, what tools did u use to make like this animations ?

  • @design-0000
    @design-0000 หลายเดือนก่อน

    wow great tutorial.

  • @darthvader4899
    @darthvader4899 หลายเดือนก่อน

    Superb

  • @amirhoseini3563
    @amirhoseini3563 หลายเดือนก่อน

    omg really nice explanation congrats,subed

    • @Delba
      @Delba  หลายเดือนก่อน

      Thank you, welcome!

  • @elonmask4077
    @elonmask4077 หลายเดือนก่อน

    a well deilvered.. thanks a lot!!

  • @younesjabbour8253
    @younesjabbour8253 หลายเดือนก่อน

    impressive !

  • @amrmohamed2608
    @amrmohamed2608 หลายเดือนก่อน

    Hey!
    can you please tell me what do you use for the animation and video creation?

  • @emilia1520
    @emilia1520 หลายเดือนก่อน

    Woo! Another video! 😄

    • @Delba
      @Delba  หลายเดือนก่อน

      We're so back.

  • @afansaeed1932
    @afansaeed1932 หลายเดือนก่อน

    Can you please make a detailed video on next-auth with interactive learning. I wanna write and learn with you. Will be very thankful

  • @gopuadks
    @gopuadks หลายเดือนก่อน +22

    "use delba"

    • @StingSting844
      @StingSting844 หลายเดือนก่อน

      Hello fellow Indian, try not to be creepy pls

    • @gopuadks
      @gopuadks หลายเดือนก่อน

      @@StingSting844 I'm not Indian

    • @StingSting844
      @StingSting844 หลายเดือนก่อน

      ​@@gopuadks ok fellow asian 😂

    • @gopuadks
      @gopuadks หลายเดือนก่อน +2

      @@StingSting844 ok human

    • @AdamBedell
      @AdamBedell หลายเดือนก่อน

      Ok computer

  • @27sosite73
    @27sosite73 หลายเดือนก่อน

    thank you!

  • @guitarhero69
    @guitarhero69 หลายเดือนก่อน

    thank you

  • @gappalchemist
    @gappalchemist หลายเดือนก่อน

    🐐

  • @prfkct
    @prfkct หลายเดือนก่อน

    what resourcesdo you use for making this video, i mean to understand the concept?

    • @Delba
      @Delba  หลายเดือนก่อน

      Research, playing with code, following the React team on twitter. Writing docs. Tweeting previews and getting feedback from people.

  • @mkamaal1000
    @mkamaal1000 หลายเดือนก่อน

    Can we get something based on Java based framework?

  • @luizarnoldchavezburgos3638
    @luizarnoldchavezburgos3638 หลายเดือนก่อน

    Your code editor is amazing. Tutorial to create one like that please!

  • @devanshgarg31
    @devanshgarg31 หลายเดือนก่อน

    Video is littttt

  • @iancarlosortega8046
    @iancarlosortega8046 หลายเดือนก่อน

    Im a bit confused with the last part of rendering the client on the server, how can u achieve that with code?

    • @Delba
      @Delba  หลายเดือนก่อน

      By default, Next.js prerenders a page to HTML for the first visit. It is typically called "SSR" in the javascript community.

  • @VaibhavShukla-bd9pv
    @VaibhavShukla-bd9pv หลายเดือนก่อน

    Delba's i have simple question. Did you coded all the motion graphics in this video using remoiton or you hired someone plz answer.
    AND If emotion how and where did you learned it form do 'Amazing shit like these '?

    • @Delba
      @Delba  หลายเดือนก่อน

      Just me, Remotion and time :)

  • @_friyad
    @_friyad หลายเดือนก่อน

    Hello Delba, what tool/software do you use to make these animations?

    • @Delba
      @Delba  หลายเดือนก่อน +1

      I use Remotion.

    • @_friyad
      @_friyad หลายเดือนก่อน

      @@Delba Thank you, Delba!

  • @mo0nix592
    @mo0nix592 หลายเดือนก่อน

    route groups and manage layout please?

  • @JoelRemix
    @JoelRemix หลายเดือนก่อน

    Hi Delba. You look lovely ❤. Quick question, what is the color theme?

    • @Delba
      @Delba  หลายเดือนก่อน

      Vitesse!