React visually explained: 'use client'

Поделиться
HTML-код
  • Опубликовано: 24 дек 2024

Комментарии • 206

  • @shinchima
    @shinchima 2 месяца назад +49

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

    • @Delba
      @Delba  2 месяца назад +4

      Cheers!

  • @SavvasMohito
    @SavvasMohito 2 месяца назад +12

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

    • @Delba
      @Delba  2 месяца назад +2

      Thank you for saying so, glad to hear it!

  • @ahmetsk
    @ahmetsk Месяц назад

    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 2 месяца назад +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  2 месяца назад

      Thank you :)

  • @saddamhossain6270
    @saddamhossain6270 2 месяца назад +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 2 месяца назад +3

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

  • @knuckleup9191
    @knuckleup9191 2 месяца назад +2

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

  • @giuseppecv56
    @giuseppecv56 2 месяца назад

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

  • @hyungjikim
    @hyungjikim Месяц назад

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

  • @allanfrancis5760
    @allanfrancis5760 Месяц назад

    Simply brilliant explanation, thanks for sharing!

  • @prasadpulaguntla9255
    @prasadpulaguntla9255 2 месяца назад

    One of best explanation of react server components!!

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt 2 месяца назад

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

  • @arturshaser
    @arturshaser 2 месяца назад +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  2 месяца назад

      Thank you, yes, all is well now 🙏

  • @ibnurasikh
    @ibnurasikh 2 месяца назад +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  2 месяца назад

      Happy to hear it!

  • @nernaykumar1481
    @nernaykumar1481 2 месяца назад

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

  • @benjaminsantana2837
    @benjaminsantana2837 2 месяца назад

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

  • @vandhuymartins9481
    @vandhuymartins9481 2 месяца назад

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

    • @Delba
      @Delba  2 месяца назад +1

      Thank you! 😊

  • @alliardalimo6665
    @alliardalimo6665 2 месяца назад

    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  2 месяца назад

      Thank you, good idea 🙏

  • @NeilPuttick
    @NeilPuttick 2 месяца назад

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

  • @forestpandabath
    @forestpandabath 2 месяца назад

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

  • @Damilare700
    @Damilare700 2 месяца назад

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

  • @Silverdagger258
    @Silverdagger258 2 месяца назад

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

    • @Delba
      @Delba  2 месяца назад

      Glad to hear it!

  • @abdulrehmanjaved-rt8jq
    @abdulrehmanjaved-rt8jq 2 месяца назад +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  2 месяца назад +1

      I’ll get back to it soon!

  • @_mrwebwork
    @_mrwebwork 2 месяца назад

    This is an excellcent explantation, great job!

  • @Mirislomovmirjalol
    @Mirislomovmirjalol 2 месяца назад +1

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

  • @ways.
    @ways. 2 месяца назад

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

  • @anjaneekumar-singh
    @anjaneekumar-singh 2 месяца назад +1

    I think my RUclips recommendations becoming better.
    Great content 😊☺️

  • @thecodelogin
    @thecodelogin 2 месяца назад

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

  • @zero_this
    @zero_this 2 месяца назад

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

    • @Delba
      @Delba  2 месяца назад +1

      Thank you!

  • @paraspavasiya6108
    @paraspavasiya6108 2 месяца назад

    Great explanation and one of the best visualisations. 👍 👌

  • @refeals
    @refeals 2 месяца назад +1

    Awesome vídeo! Really great explanation to common problems

  • @thilirathnayaka
    @thilirathnayaka 2 месяца назад

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

    • @Delba
      @Delba  2 месяца назад +1

      Glad to hear it!

  • @Simiaaaa
    @Simiaaaa 2 месяца назад

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

  • @TheCodeDealer
    @TheCodeDealer 2 месяца назад +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  2 месяца назад +1

      Thanks, I use a tool called Remotion.

    • @TheCodeDealer
      @TheCodeDealer 2 месяца назад

      @@Delba Thank you

  • @facundopellicer7514
    @facundopellicer7514 2 месяца назад +2

    wonderful explanation

  • @JamesQQuick
    @JamesQQuick 2 месяца назад

    AMAZINGG! Thank you :)

  • @SehajChawla
    @SehajChawla 2 месяца назад

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

    • @Delba
      @Delba  2 месяца назад

      Glad to hear it!

  • @nayeemxtreme
    @nayeemxtreme 2 месяца назад

    Excellent explaination, Delba!

  • @jamesgulland
    @jamesgulland 2 месяца назад

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

    • @Delba
      @Delba  2 месяца назад +1

      Cheers James!

  • @viktorsmakreckis4879
    @viktorsmakreckis4879 2 месяца назад

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

    • @Delba
      @Delba  2 месяца назад

      I appreciate it!

  • @bwprado
    @bwprado 2 месяца назад

    You are amazing! Thanks for this wonderful video!

  • @mohammedmshal5483
    @mohammedmshal5483 2 месяца назад

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

    • @Delba
      @Delba  2 месяца назад +1

      Glad to hear it!

  • @MrLightning10000
    @MrLightning10000 2 месяца назад +10

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

    • @Delba
      @Delba  2 месяца назад +13

      vitesse and geist

  • @essawy897
    @essawy897 2 месяца назад +3

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

  • @Frankrypto
    @Frankrypto 2 месяца назад

    the animation is sooo good! thank you.

  • @jaecheokkim99
    @jaecheokkim99 2 месяца назад

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

  • @O1zo
    @O1zo 2 месяца назад

    Great video! I hope more to come

  • @hachetrescomacatorce2340
    @hachetrescomacatorce2340 Месяц назад

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

  • @tobitacklestech
    @tobitacklestech 2 месяца назад

    great explanation!

  • @VaibhavShukla-bd9pv
    @VaibhavShukla-bd9pv 2 месяца назад

    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  2 месяца назад

      Just me, Remotion and time :)

  • @avinashmurmu9070
    @avinashmurmu9070 2 месяца назад +67

    How the hell do you make these videos 🤯💯🔥

    • @Trust3D
      @Trust3D 2 месяца назад +4

      Adobe ae

    • @aro-aro-aro
      @aro-aro-aro 2 месяца назад +7

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

    • @Trust3D
      @Trust3D 2 месяца назад

      @@aro-aro-aro ok, I see

    • @skidkadda
      @skidkadda 2 месяца назад +2

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

    • @avinashmurmu9070
      @avinashmurmu9070 2 месяца назад +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.

  • @kartikkaushik4743
    @kartikkaushik4743 2 месяца назад

    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

  • @binh1298ify
    @binh1298ify Месяц назад

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

  • @ROYALNIL_SITE
    @ROYALNIL_SITE Месяц назад

    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  Месяц назад

      Thanks, I use Remotion.

  • @ferhatsunaycansev106
    @ferhatsunaycansev106 Месяц назад

    Perfect video, thanks a lot

  • @frankdearr2772
    @frankdearr2772 2 месяца назад

    great topic, thanks 👍

  • @DavinHsieh.
    @DavinHsieh. 2 месяца назад +2

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

    • @Delba
      @Delba  2 месяца назад +1

      Thank you, vitesse and geist

  • @parimal20
    @parimal20 2 месяца назад

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

  • @fedor_U
    @fedor_U Месяц назад

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

    • @Delba
      @Delba  Месяц назад

      Thank you. It's Geist Mono.

  • @mauricio_per3z
    @mauricio_per3z 2 месяца назад

    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  2 месяца назад

      Thank you, I use Remotion

    • @mauricio_per3z
      @mauricio_per3z 2 месяца назад

      @@Delba thank you!!

  • @abdoufma
    @abdoufma 2 месяца назад

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

    • @Delba
      @Delba  2 месяца назад

      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.

  • @amrmohamed2608
    @amrmohamed2608 2 месяца назад

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

  • @vinitgupta1648
    @vinitgupta1648 2 месяца назад +1

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

    • @Delba
      @Delba  2 месяца назад

      Thank you. I use remotion.

  • @w1atrak1ng
    @w1atrak1ng 2 месяца назад

    Now it makes so much sense, thanks

    • @Delba
      @Delba  2 месяца назад

      Woohoo, glad to hear it!

  • @abbosbekraxmonov9718
    @abbosbekraxmonov9718 2 месяца назад

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

  • @VictorYami
    @VictorYami 2 месяца назад

    awesome explanations!

  • @magnuserikkeenrobot1117
    @magnuserikkeenrobot1117 2 месяца назад

    delba you are the best!

  • @GabrielDiasTeixeiraAntunes
    @GabrielDiasTeixeiraAntunes 2 месяца назад

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

    • @Delba
      @Delba  2 месяца назад

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

  • @MuhammadOwais-ue4jb
    @MuhammadOwais-ue4jb 2 месяца назад

    very well explain with visualization.

  • @jacquesduplessis6175
    @jacquesduplessis6175 2 месяца назад

    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  2 месяца назад

      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 2 месяца назад

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

  • @sagittaeaether
    @sagittaeaether 2 месяца назад +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  2 месяца назад

      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 2 месяца назад

      @@Delba Thank you 😊

  • @HijabiCoder
    @HijabiCoder 2 месяца назад +9

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

    • @bm2ilabs
      @bm2ilabs 2 месяца назад +1

      totally agree so clean

    • @guiguicdd
      @guiguicdd 2 месяца назад

      Yep ✋️

    • @Delba
      @Delba  2 месяца назад +2

      Maybe one day :)

  • @afansaeed1932
    @afansaeed1932 2 месяца назад

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

  • @DominikSipowicz
    @DominikSipowicz 2 месяца назад

    Amazing video :)

    • @Delba
      @Delba  2 месяца назад +1

      Thanks Dom 🖤

  • @thatryanp
    @thatryanp 2 месяца назад

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

    • @Delba
      @Delba  2 месяца назад

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

  • @MonkeyD.3892
    @MonkeyD.3892 2 месяца назад

    Great Video
    Thanks Delba

  • @atalaykarahan1066
    @atalaykarahan1066 13 дней назад

    how do you do these animations and graphicks design?

  • @omega.developer
    @omega.developer 2 месяца назад +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 2 месяца назад +1

      yes please

    • @Delba
      @Delba  2 месяца назад

      Thank you! I use Remotion and a DLSR camera.

  • @prfkct
    @prfkct 2 месяца назад

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

    • @Delba
      @Delba  2 месяца назад

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

  • @nls-io
    @nls-io 2 месяца назад

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

    • @Delba
      @Delba  2 месяца назад

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

  • @TonyGustafsson
    @TonyGustafsson 2 месяца назад

    Good explaination!

  • @prathameshgharat7772
    @prathameshgharat7772 2 месяца назад

    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  2 месяца назад

      Thank you. Yeah, its remotion + custom utilities.

  • @DhrubaPatra1611
    @DhrubaPatra1611 2 месяца назад

    Wow such a nice video.

  • @design-0000
    @design-0000 2 месяца назад

    wow great tutorial.

  • @SonuSingh-sm7jy
    @SonuSingh-sm7jy 2 месяца назад

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

    • @Delba
      @Delba  2 месяца назад +1

      Haha, today's the day!

  • @iancarlosortega8046
    @iancarlosortega8046 2 месяца назад

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

    • @Delba
      @Delba  2 месяца назад

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

  • @mkamaal1000
    @mkamaal1000 2 месяца назад

    Can we get something based on Java based framework?

  • @mo0nix592
    @mo0nix592 2 месяца назад

    route groups and manage layout please?

  • @elonmask4077
    @elonmask4077 2 месяца назад

    a well deilvered.. thanks a lot!!

  • @mike-2342
    @mike-2342 Месяц назад

    W visuals. W video. W delba

  • @_friyad
    @_friyad 2 месяца назад

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

    • @Delba
      @Delba  2 месяца назад +1

      I use Remotion.

    • @_friyad
      @_friyad 2 месяца назад

      @@Delba Thank you, Delba!

  • @amirhoseini3563
    @amirhoseini3563 2 месяца назад

    omg really nice explanation congrats,subed

    • @Delba
      @Delba  2 месяца назад

      Thank you, welcome!

  • @younesjabbour8253
    @younesjabbour8253 2 месяца назад

    impressive !

  • @maheshguptha9796
    @maheshguptha9796 2 месяца назад

    How can we support you?

    • @Delba
      @Delba  2 месяца назад

      Like and subscribe and recommend to others if you found it valuable :)

  • @emilia1520
    @emilia1520 2 месяца назад

    Woo! Another video! 😄

    • @Delba
      @Delba  2 месяца назад

      We're so back.

  • @odra873
    @odra873 2 месяца назад

    So anyway all off this only works with serverless / lambdas right?

    • @kitamashi
      @kitamashi 2 месяца назад

      what

    • @Delba
      @Delba  2 месяца назад

      No, its not tied to a type of host.

  • @darthvader4899
    @darthvader4899 2 месяца назад

    Superb

  • @27sosite73
    @27sosite73 2 месяца назад

    thank you!

  • @JoelRemix
    @JoelRemix 2 месяца назад

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

    • @Delba
      @Delba  2 месяца назад

      Vitesse!

  • @luizarnoldchavezburgos3638
    @luizarnoldchavezburgos3638 2 месяца назад

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