React visually explained: 'use client'

Поделиться
HTML-код
  • Опубликовано: 18 ноя 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!

  • @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 :)

  • @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!

  • @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!

  • @allanfrancis5760
    @allanfrancis5760 14 дней назад

    Simply brilliant explanation, thanks for sharing!

  • @hyungjikim
    @hyungjikim 9 дней назад

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

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

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

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

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

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

    One of best explanation of react server components!!

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

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

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

      Glad to hear it!

  • @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 🙏

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

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

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

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

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

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

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

      Glad to hear it!

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

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

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

      Thank you! 😊

  • @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 🙏

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

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

  • @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!

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

    This is an excellcent explantation, great job!

  • @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!

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

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

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

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

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

      Thank you!

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

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

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

      Cheers James!

  • @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.

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

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

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

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

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

    Great explanation and one of the best visualisations. 👍 👌

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

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

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

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

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

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

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

      Glad to hear it!

  • @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!

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

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

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

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

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

      I appreciate it!

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

    Awesome vídeo! Really great explanation to common problems

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

    Excellent explaination, Delba!

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

    You are amazing! Thanks for this wonderful video!

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

    the animation is sooo good! 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.

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

    Great video! I hope more to come

  • @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

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

    AMAZINGG! Thank you :)

  • @hachetrescomacatorce2340
    @hachetrescomacatorce2340 22 дня назад

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

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

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

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

    great explanation!

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

    Now it makes so much sense, thanks

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

      Woohoo, glad to hear it!

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

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

  • @ferhatsunaycansev106
    @ferhatsunaycansev106 21 день назад

    Perfect video, thanks a lot

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

    awesome explanations!

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

    very well explain with visualization.

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

    great topic, thanks 👍

  • @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

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

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

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

    delba you are the best!

  • @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 :)

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

    Great Video
    Thanks Delba

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

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

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

      Thank you. I use remotion.

  • @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.

  • @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 😊

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

    Good explaination!

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

    Amazing video :)

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

      Thanks Dom 🖤

  • @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!

  • @binh1298ify
    @binh1298ify 4 дня назад

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

  • @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 25 дней назад

      @@Delba thank you!!

  • @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

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

    a well deilvered.. thanks a lot!!

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

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

  • @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.

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

    Wow such a nice video.

  • @ROYALNIL_SITE
    @ROYALNIL_SITE 19 дней назад

    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  15 дней назад

      Thanks, I use Remotion.

  • @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

  • @fedor_U
    @fedor_U 12 дней назад

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

    • @Delba
      @Delba  12 дней назад

      Thank you. It's Geist Mono.

  • @abbosbekraxmonov9718
    @abbosbekraxmonov9718 25 дней назад

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

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

    Woo! Another video! 😄

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

      We're so back.

  • @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.

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

    wow great tutorial.

  • @younesjabbour8253
    @younesjabbour8253 29 дней назад

    impressive !

  • @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.

  • @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.

  • @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 👍🏻

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

    Superb

  • @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.

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

    omg really nice explanation congrats,subed

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

      Thank you, welcome!

  • @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 :)

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

    thank you!

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

    thank you

  • @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.

  • @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

  • @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!

  • @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.

  • @_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!

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

    🐐

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

    Video is littttt

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

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

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

      Vitesse!

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

    route groups and manage layout please?

  • @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