How React ACTUALLY works (DEEP DIVE 2023)

แชร์
ฝัง
  • เผยแพร่เมื่อ 20 ม.ค. 2025

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

  • @frontstartdev
    @frontstartdev  ปีที่แล้ว +35

    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 ปีที่แล้ว +62

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

  • @anotherone2398
    @anotherone2398 ปีที่แล้ว +19

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

  • @MyBrainForYou
    @MyBrainForYou ปีที่แล้ว +55

    We need part 2 pleaassss

  • @abuna002
    @abuna002 ปีที่แล้ว +3

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

  • @EliasCole-n6h
    @EliasCole-n6h ปีที่แล้ว +3

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

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

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

  • @witchmorrow
    @witchmorrow ปีที่แล้ว +2

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

  • @developer_01
    @developer_01 ปีที่แล้ว +3

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

  • @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 11 หลายเดือนก่อน

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

  • @TheRobBrennanLive
    @TheRobBrennanLive ปีที่แล้ว

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

  • @rahuls331
    @rahuls331 ปีที่แล้ว

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

  • @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 10 หลายเดือนก่อน

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

  • @paperC_CSGO
    @paperC_CSGO ปีที่แล้ว

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

  • @reynali
    @reynali ปีที่แล้ว

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

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

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

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

  • @deepawali
    @deepawali ปีที่แล้ว +1

    Great in depth video bro🤯

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

    Literally saved my life, best video for interview prep

  • @kashmeu
    @kashmeu ปีที่แล้ว

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

  • @lostempire12
    @lostempire12 ปีที่แล้ว

    Really great video man need more like this 👍

  • @rjtutz
    @rjtutz ปีที่แล้ว

    This is genuinely quality content! Thank you so much!

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

    Great explanation... we need a part 2

  • @uchennaofoma4624
    @uchennaofoma4624 10 หลายเดือนก่อน +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

  • @lukas.webdev
    @lukas.webdev ปีที่แล้ว

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

  • @thirdwavedev
    @thirdwavedev ปีที่แล้ว

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

  • @CrusaderMen
    @CrusaderMen ปีที่แล้ว

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

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

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

    This helped solving one of the problems i was stuck from a long time

  • @MedAmin944
    @MedAmin944 ปีที่แล้ว

    Great video my friend , hope there will be a PART2

  • @tomilola_ng
    @tomilola_ng 23 วันที่ผ่านมา +1

    I want to see a part 2

  • @ismasoc5
    @ismasoc5 ปีที่แล้ว +13

    why are explanations about React made so difficult to understand?

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

      It is programming man. To understand things is not easy

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

      @Ismoil_Sharifov I agree but I've ran into this problem often. After I learn the concept, I quickly figure out I could have explained so much easier. The problem is most who teach programming are not teachers, just great programers.

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

      Yes ​@@ismasoc5, I was about to say that. However, Supersimpdev and brocode are the ones I preferred to learn from.

  • @sachintharuka6154
    @sachintharuka6154 ปีที่แล้ว

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

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

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

    • @frontstartdev
      @frontstartdev  ปีที่แล้ว

      Glad you found it helpful 😁

  • @AWaterKnight
    @AWaterKnight ปีที่แล้ว

    4:45 you can also return an array.

  • @hmls3579
    @hmls3579 ปีที่แล้ว +3

    5:42 wtf

  • @LoayAl-Said-j8p
    @LoayAl-Said-j8p 3 หลายเดือนก่อน

    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.

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

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

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

  • @ludanjubara
    @ludanjubara ปีที่แล้ว +1

    Great explanation. Part 2 please 🙏

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

    Very good, we need a part 2.

  • @lairespereira5163
    @lairespereira5163 ปีที่แล้ว +1

    Amazing 🙌🏼

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

  • @anujbhagat2105
    @anujbhagat2105 ปีที่แล้ว +1

    9:43 what da mouse doin?????

  • @AdrenalineAkash13
    @AdrenalineAkash13 ปีที่แล้ว

    a much needed refresher material In a world of tutorial hell

  • @faizanahmed9304
    @faizanahmed9304 ปีที่แล้ว +1

    Part 2 please, great explanation

  • @ofilipedavila
    @ofilipedavila ปีที่แล้ว

    Great video! Part 2, please!

  • @danielfirebanks4973
    @danielfirebanks4973 ปีที่แล้ว

    Damn, rooting for a part 2!

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

    great video! waiting for part 2

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

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

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

    Fantastic tutorial - thank you!

  • @thuannguyenlehoa9711
    @thuannguyenlehoa9711 ปีที่แล้ว

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

  • @Minolrx
    @Minolrx ปีที่แล้ว

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

  • @josemoreno1209
    @josemoreno1209 ปีที่แล้ว

    Great video man!! Saludos desde chile :)

  • @abdelazizlaissaoui9079
    @abdelazizlaissaoui9079 ปีที่แล้ว

    well this is a great video thanks maan keep it up

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

    Awesome! Great job!

  • @chinzorigyou
    @chinzorigyou ปีที่แล้ว

    Awesome video. Could you please make part2?

  • @maximtikhon
    @maximtikhon ปีที่แล้ว

    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.

  • @mohammedothman8292
    @mohammedothman8292 ปีที่แล้ว

    Great! Thanks a lot for your effort.

  • @md.abuabdullah2446
    @md.abuabdullah2446 10 หลายเดือนก่อน

    4:19 was that intentional?

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

    very helpful! thank you!

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

    Part 2 highly appreciated

  • @joehsndev
    @joehsndev ปีที่แล้ว

    Thank you this was helpful! ❤

  • @RbyLearning
    @RbyLearning ปีที่แล้ว

    That's amazing man just Continue

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

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

    Is the reconciler a part of React or ReactDOM?

  • @gregkavanagh1094
    @gregkavanagh1094 ปีที่แล้ว

    Part 2 please. Thanks for part 1

  • @youdontknowme2508
    @youdontknowme2508 ปีที่แล้ว +1

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

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

    Why is the complexity n^3?

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

    Great Video!

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

    Amazin, keep going

  • @TornadoComputerz
    @TornadoComputerz ปีที่แล้ว

    Yes, I wanna see part 2

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

    great topic, thanks

  • @curiosabouttech
    @curiosabouttech ปีที่แล้ว

    Great explanation thanks

  • @yousfhamad70
    @yousfhamad70 ปีที่แล้ว +1

    Great content

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

    We need those topics also

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

    part 2 where?

  • @Ramesh-js
    @Ramesh-js ปีที่แล้ว

    Part 2 Waiting Bro !

  • @arunjoseph8466
    @arunjoseph8466 ปีที่แล้ว +1

    please make that part 2

  • @kkjj8509
    @kkjj8509 ปีที่แล้ว

    Part 2 please ❤

  • @nhatlinhpham4235
    @nhatlinhpham4235 ปีที่แล้ว +1

    Part 2 plz

  • @nayem6386
    @nayem6386 ปีที่แล้ว

    Good One 👌

  • @7Budyn7
    @7Budyn7 ปีที่แล้ว

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

  • @webdevschool6597
    @webdevschool6597 ปีที่แล้ว

    We need Part 2.

  • @gizemavcs8599
    @gizemavcs8599 ปีที่แล้ว

    Perfect video!!!!!

  • @ra6160
    @ra6160 ปีที่แล้ว

    We need part 2😁😁

  • @AmeerHamza-fz1ve
    @AmeerHamza-fz1ve ปีที่แล้ว

    Excellent video

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

    part 2 needed pls

  • @miladsade96
    @miladsade96 ปีที่แล้ว

    Please record its part two

  • @ashish_prajapati_tr
    @ashish_prajapati_tr ปีที่แล้ว +1

    Helping you to break TH-cam algorithm.

  • @harshithpatte7169
    @harshithpatte7169 ปีที่แล้ว

    We need part 2

  • @Sahilsharma-sk5vr
    @Sahilsharma-sk5vr 5 หลายเดือนก่อน

    Thank you so much.

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

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

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

    bro, where you inspired by fireship style?😄

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

    really nice video

  • @mitotv6376
    @mitotv6376 ปีที่แล้ว

    Nice vid

  • @aj.arunkumar
    @aj.arunkumar ปีที่แล้ว

    very good one..

  • @gopalg8239
    @gopalg8239 ปีที่แล้ว

    Good one part 2 please