How React ACTUALLY works (DEEP DIVE 2023)

Поділитися
Вставка
  • Опубліковано 25 лис 2024

КОМЕНТАРІ • 139

  • @frontstartdev
    @frontstartdev  Рік тому +34

    Found this helpful? You can buy me a coffee ☕ bmc.link/frontstart

    • @Dev-cc3ni
      @Dev-cc3ni Рік тому +1

      Well done content. Keep it up!

    • @frontstartdev
      @frontstartdev  Рік тому

      @@Dev-cc3niThanks!

    • @prashanthkumar0
      @prashanthkumar0 Рік тому +2

      ​@@Dev-cc3ni part 2

    • @markzuckerbread1865
      @markzuckerbread1865 Рік тому

      Amazing video, I've been using react for a while but now I feel like I understand it a lot better, subbed and looking forward for the next vid!

    • @frontstartdev
      @frontstartdev  Рік тому +1

      @@markzuckerbread1865 Glad to hear that!

  • @user-kc7kj6vr1u
    @user-kc7kj6vr1u Рік тому +58

    This was amazing! WE NEED THAT PART 2 (Context, error boundaries, etc) !!!! Thanks so much for spreading your knowledge

  • @MyBrainForYou
    @MyBrainForYou Рік тому +54

    We need part 2 pleaassss

  • @anotherone2398
    @anotherone2398 Рік тому +20

    wow , this is quality content right here , in my experience learning react, diving deep into details , you discover bad practices and stop them

  • @abuna002
    @abuna002 Рік тому +3

    Excellent overview. Thank you. I would definitely enjoy a part 2.

  • @developer_01
    @developer_01 Рік тому +3

    Please make part 2.... this is just sooo good

  • @antonyrichard369
    @antonyrichard369 Місяць тому

    Absolutely brilliant. Very eye opening. This is how a deep dive has to be. Waiting for part 2. Thanks a lot for the knowledge.

  • @EliasCole-n6h
    @EliasCole-n6h Рік тому +3

    Excellent video! I'd love to see a part 2.

  • @maxharano940
    @maxharano940 6 місяців тому

    Literally saved my life, best video for interview prep

  • @witchmorrow
    @witchmorrow Рік тому +2

    This was such a useful and clear explanation, thank you!

  • @ismasoc5
    @ismasoc5 11 місяців тому +12

    why are explanations about React made so difficult to understand?

  • @kashmeu
    @kashmeu Рік тому

    Such a concise video yet simple video covering some core and complex topics.

  • @Bruno_Corso
    @Bruno_Corso Рік тому

    Fantastic video dude! The key part is so didatic! Now makes much more sense why VsCode asks always for insert key on the list! Thanks a lot 🤘🏻

  • @developingNerd
    @developingNerd Рік тому +4

    I came from your reddit post and my god you have absolutely nailed the core concepts of react. I say, for react learners, this video is a must watch.
    And yes, make a part 2!

    • @frontstartdev
      @frontstartdev  Рік тому

      Thanks! Part 2 is coming soon so stayed tuned.

    • @MyBrainForYou
      @MyBrainForYou 8 місяців тому

      @@frontstartdev I came back again to check if part 2 has come or not 😢

  • @uscjake868
    @uscjake868 Рік тому +1

    Awesome dude. Please continue. I like the visual explanations as that is what I needed. For newer programmers who are just scratching the surface of how JS destructuring works, react looks like absolute spagetti.

    • @Riuk08
      @Riuk08 9 місяців тому

      Agreed... Even after watching it twice I feel dumb that I didn't get *all* of it

  • @reynali
    @reynali Рік тому

    This was something I've been wondering about for a bit and really useful knowledge, thank you!

  • @osamahaldoaiss
    @osamahaldoaiss Рік тому

    Great video, will send it to my junior devs. Understanding these concepts helps with the most common runtime bugs when using React. Well done 🎉

  • @bilalmajeed2834
    @bilalmajeed2834 8 місяців тому

    Best Explanation i found about React till date. Thanks Man ❤❤

  • @sachintharuka6154
    @sachintharuka6154 Рік тому

    I found ur channel when I was searching for Material Ui, and then found this video, great content ❤

  • @paperC_CSGO
    @paperC_CSGO Рік тому

    Instant subscriber. Please make more in depth (but short) videos like these! Webpack, Vite would be nice, and browser stuff

  • @CrusaderMen
    @CrusaderMen Рік тому

    Thank you this is awesome!
    I'm looking forward for part 2

  • @patrickren7395
    @patrickren7395 Рік тому +1

    Great video. One topic I'd appreciate you to touch on is where state is actually stored in a FC.
    Every state change causes the whole component function to re-run, I'm wondering why the second time the `useState` func runs, the state won't be initialized again. My guesss is the state is stored in a store managed by react & `useState` somehow `hooks` the FC with the actual state.

  • @yashpawar9585
    @yashpawar9585 3 місяці тому +1

    Great explanation... we need a part 2

  • @MedAmin944
    @MedAmin944 Рік тому

    Great video my friend , hope there will be a PART2

  • @uchennaofoma4624
    @uchennaofoma4624 8 місяців тому +1

    Just seeing this amazing video now. I really loved how you brole down the vonvepts syarting from showing us react and babel from a CDN to actually using thr tools we currently employ (vitr amd the likes). It really makes me appreciate the work they do under the hood

  • @rahuls331
    @rahuls331 Рік тому

    Quality content man! Really loved the entire video. Looking forward for more content from you.

  • @thirdwavedev
    @thirdwavedev Рік тому

    Such a cool video. The best one I saw for particular topic, ty

  • @hmls3579
    @hmls3579 Рік тому +3

    5:42 wtf

  • @tomasburian6550
    @tomasburian6550 Рік тому

    This is such a fantastic video that I watched it several times in the row. You can use React without it but it helps massively with debugging and writing good code.

  • @deepawali
    @deepawali Рік тому +1

    Great in depth video bro🤯

  • @TheRobBrennanLive
    @TheRobBrennanLive Рік тому

    This was awesome! What a fun way to convey fundamental React concepts. Nicely done, m'man

  • @lukas.webdev
    @lukas.webdev Рік тому

    Great video, very helpful! Thanks for sharing. Keep it up! 😉🔥

  • @rutvikjr8251
    @rutvikjr8251 Рік тому

    Hi, It was really helpful. Realized many mistakes that I was making while developing. Sorry not able to buy you a coffee right now but surely will do it in the future. Thanks. Waiting for part 2.

  • @rjtutz
    @rjtutz Рік тому

    This is genuinely quality content! Thank you so much!

  • @AdrenalineAkash13
    @AdrenalineAkash13 Рік тому

    a much needed refresher material In a world of tutorial hell

  • @lostempire12
    @lostempire12 Рік тому

    Really great video man need more like this 👍

  • @ludanjubara
    @ludanjubara Рік тому +1

    Great explanation. Part 2 please 🙏

  • @bwprado
    @bwprado 10 місяців тому

    Very good, we need a part 2.

  • @AWaterKnight
    @AWaterKnight Рік тому

    4:45 you can also return an array.

  • @nextleveltech267
    @nextleveltech267 9 місяців тому

    Really informative video. Everything explained nicely. Thanks a lot...

  • @codation
    @codation Рік тому

    Excellent video! Good brush up for experienced React programmers and a must for junior devs. Helps to understand how React works under the hood. Pls make a Part 2 covering Hooks, RSC, Suspense, Actions, etc.

  • @danielfirebanks4973
    @danielfirebanks4973 Рік тому

    Damn, rooting for a part 2!

  • @LoayAl-Said-j8p
    @LoayAl-Said-j8p Місяць тому

    This is absolutely excelent.
    I love it Thanks a lot!
    Appreciate the error.
    Thanks. Loay here from Egypt!

  • @cameronblackwoodcode
    @cameronblackwoodcode Рік тому

    Excellent content here - perfect balance between great information and remaining concise - whilst I'm already an experienced front end developer, this was still a super helpful video. Looking forward to checking out more of your videos.

  • @lairespereira5163
    @lairespereira5163 Рік тому +1

    Amazing 🙌🏼

  • @faizanahmed9304
    @faizanahmed9304 Рік тому +1

    Part 2 please, great explanation

  • @ofilipedavila
    @ofilipedavila Рік тому

    Great video! Part 2, please!

  • @blissofkundaliniyoga
    @blissofkundaliniyoga 6 місяців тому

    Part 2 highly appreciated

  • @chinzorigyou
    @chinzorigyou Рік тому

    Awesome video. Could you please make part2?

  • @rotemmia
    @rotemmia 9 місяців тому

    great video! waiting for part 2

  • @jorimsoika9115
    @jorimsoika9115 Рік тому

    Top erklärt! Wo hast du dir diesen Deep-Dive angeeignet? Kannst du Bücher/docs oder sonstiges empfehlen?

    • @frontstartdev
      @frontstartdev  Рік тому

      Danke! Ich habe hauptsächlich die offiziellen React docs benutzt. Kann ich nur empfehlen!

  • @thuannguyenlehoa9711
    @thuannguyenlehoa9711 11 місяців тому

    In short, behind the scence the way ReactJS works is just 3 steps: trigger -> render -> commit, right?

  • @maximkatik
    @maximkatik Рік тому

    Great video, but I believe even React team refuses Virtual DOM term and use React Element tree. Plus would be great to hear about Fiber Trees (Current and WorkInProgress) as well.

  • @abdelazizlaissaoui9079
    @abdelazizlaissaoui9079 Рік тому

    well this is a great video thanks maan keep it up

  • @yabuking84
    @yabuking84 6 місяців тому

    Great explaination! still like Vue hehe. But Im doing React right now.

  • @typehint
    @typehint 7 місяців тому

    Fantastic tutorial - thank you!

  • @developer_nijat
    @developer_nijat 4 місяці тому

    Awesome! Great job!

  • @RbyLearning
    @RbyLearning 10 місяців тому

    That's amazing man just Continue

  • @gregkavanagh1094
    @gregkavanagh1094 Рік тому

    Part 2 please. Thanks for part 1

  • @meomeomeomeomeo2463
    @meomeomeomeomeo2463 4 місяці тому

    very helpful! thank you!

  • @vinoths5753
    @vinoths5753 9 місяців тому

    We need those topics also

  • @josemoreno1209
    @josemoreno1209 Рік тому

    Great video man!! Saludos desde chile :)

  • @TornadoComputerz
    @TornadoComputerz Рік тому

    Yes, I wanna see part 2

  • @yousfhamad70
    @yousfhamad70 Рік тому +1

    Great content

  • @mohammedothman8292
    @mohammedothman8292 11 місяців тому

    Great! Thanks a lot for your effort.

  • @webdevschool6597
    @webdevschool6597 11 місяців тому

    We need Part 2.

  • @Ramesh-js
    @Ramesh-js Рік тому

    Part 2 Waiting Bro !

  • @7Budyn7
    @7Budyn7 Рік тому

    It's 2023 so I think it's important: how does it connect with fiber? ;)

  • @joehsndev
    @joehsndev Рік тому

    Thank you this was helpful! ❤

  • @MDSaidurRahmanSiam
    @MDSaidurRahmanSiam 9 місяців тому

    Great Video!

  • @arunjoseph8466
    @arunjoseph8466 Рік тому +1

    please make that part 2

  • @youdontknowme2508
    @youdontknowme2508 Рік тому +1

    This video counts for a sub ofcourse. Make more such content. Awesome quality content

  • @Hereisvito
    @Hereisvito 3 місяці тому

    Amazin, keep going

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

    How does one actually find all of this out? Is it all actually explained in the React docs somewhere?

  • @nhatlinhpham4235
    @nhatlinhpham4235 Рік тому +1

    Part 2 plz

  • @akshatkhandelwal5591
    @akshatkhandelwal5591 10 місяців тому

    part 2 needed pls

  • @ashish_prajapati_tr
    @ashish_prajapati_tr Рік тому +1

    Helping you to break UA-cam algorithm.

  • @frankdearr2772
    @frankdearr2772 7 місяців тому

    great topic, thanks

  • @kkjj8509
    @kkjj8509 Рік тому

    Part 2 please ❤

  • @ra6160
    @ra6160 Рік тому

    We need part 2😁😁

  • @curiosabouttech
    @curiosabouttech Рік тому

    Great explanation thanks

  • @mitotv6376
    @mitotv6376 Рік тому

    Nice vid

  • @harshithpatte7169
    @harshithpatte7169 Рік тому

    We need part 2

  • @minor12828
    @minor12828 11 місяців тому

    What if you are using all libraries together ? Is it a framework, then ?

  • @nayem6386
    @nayem6386 10 місяців тому

    Good One 👌

  • @delightful209
    @delightful209 4 місяці тому

    that part with the snapshot killed me. cuz of the old lady taking a picture of herself XDDDDDDDDDD

  • @AmeerHamza-fz1ve
    @AmeerHamza-fz1ve Рік тому

    Excellent video

  • @miladsade96
    @miladsade96 Рік тому

    Please record its part two

  • @Sahilsharma-sk5vr
    @Sahilsharma-sk5vr 3 місяці тому

    Thank you so much.

  • @saumyaranjannayak2101
    @saumyaranjannayak2101 2 місяці тому

    really nice video

  • @el_andrius
    @el_andrius 7 місяців тому

    Why is the complexity n^3?

  • @gizemavcs8599
    @gizemavcs8599 10 місяців тому

    Perfect video!!!!!

  • @Wakkyguy
    @Wakkyguy 8 місяців тому

    Is the reconciler a part of React or ReactDOM?

  • @gopalg8239
    @gopalg8239 Рік тому

    Good one part 2 please

  • @mutahir_23
    @mutahir_23 2 місяці тому

    part 2 where?

  • @muhammedashkar692
    @muhammedashkar692 7 місяців тому

    bro, where you inspired by fireship style?😄

  • @Franco24024
    @Franco24024 10 місяців тому

    Holy shit this is so good

  • @aj.arunkumar
    @aj.arunkumar Рік тому

    very good one..

  • @mohamedhesham9192
    @mohamedhesham9192 10 місяців тому

    great video

  • @maxinunzender5194
    @maxinunzender5194 4 місяці тому

    Why does the real yt like button lites up when he is talking about pressing a like button he created?