How React ACTUALLY works (DEEP DIVE 2023)

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

    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

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

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

  • @developer_01
    @developer_01 Год назад +3

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

  • @witchmorrow
    @witchmorrow Год назад +2

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

  • @MyBrainForYou
    @MyBrainForYou Год назад +55

    We need part 2 pleaassss

  • @deepawali
    @deepawali Год назад +1

    Great in depth video bro🤯

  • @bilalmajeed2834
    @bilalmajeed2834 10 месяцев назад

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

  • @maxharano940
    @maxharano940 8 месяцев назад

    Literally saved my life, best video for interview prep

  • @ashishsaini5096
    @ashishsaini5096 28 дней назад

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

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

  • @paperC_CSGO
    @paperC_CSGO Год назад

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

  • @kashmeu
    @kashmeu Год назад

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

  • @yashpawar9585
    @yashpawar9585 4 месяца назад +1

    Great explanation... we need a part 2

  • @rahuls331
    @rahuls331 Год назад

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

  • @reynali
    @reynali Год назад

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

  • @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 10 месяцев назад

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

  • @lostempire12
    @lostempire12 Год назад

    Really great video man need more like this 👍

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

  • @sachintharuka6154
    @sachintharuka6154 Год назад

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

  • @rjtutz
    @rjtutz Год назад

    This is genuinely quality content! Thank you so much!

  • @thirdwavedev
    @thirdwavedev Год назад

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

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

  • @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 9 месяцев назад

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

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

  • @CrusaderMen
    @CrusaderMen Год назад

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

  • @MedAmin944
    @MedAmin944 Год назад

    Great video my friend , hope there will be a PART2

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

  • @ludanjubara
    @ludanjubara Год назад +1

    Great explanation. Part 2 please 🙏

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

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

    Very good, we need a part 2.

  • @nextleveltech267
    @nextleveltech267 10 месяцев назад

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

  • @ofilipedavila
    @ofilipedavila Год назад

    Great video! Part 2, please!

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

  • @rotemmia
    @rotemmia 11 месяцев назад

    great video! waiting for part 2

  • @lairespereira5163
    @lairespereira5163 Год назад +1

    Amazing 🙌🏼

  • @faizanahmed9304
    @faizanahmed9304 Год назад +1

    Part 2 please, great explanation

  • @tomilola_ng
    @tomilola_ng 8 дней назад +1

    I want to see a part 2

  • @danielfirebanks4973
    @danielfirebanks4973 Год назад

    Damn, rooting for a part 2!

  • @developer_nijat
    @developer_nijat 6 месяцев назад

    Awesome! Great job!

  • @AWaterKnight
    @AWaterKnight Год назад

    4:45 you can also return an array.

  • @blissofkundaliniyoga
    @blissofkundaliniyoga 7 месяцев назад

    Part 2 highly appreciated

  • @abdelazizlaissaoui9079
    @abdelazizlaissaoui9079 Год назад

    well this is a great video thanks maan keep it up

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

  • @typehint
    @typehint 9 месяцев назад

    Fantastic tutorial - thank you!

  • @yabuking84
    @yabuking84 7 месяцев назад

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

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

  • @RbyLearning
    @RbyLearning Год назад

    That's amazing man just Continue

  • @AdrenalineAkash13
    @AdrenalineAkash13 Год назад

    a much needed refresher material In a world of tutorial hell

  • @josemoreno1209
    @josemoreno1209 Год назад

    Great video man!! Saludos desde chile :)

  • @joehsndev
    @joehsndev Год назад

    Thank you this was helpful! ❤

  • @anujbhagat2105
    @anujbhagat2105 Год назад +1

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

  • @chinzorigyou
    @chinzorigyou Год назад

    Awesome video. Could you please make part2?

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

  • @meomeomeomeomeo2463
    @meomeomeomeomeo2463 5 месяцев назад

    very helpful! thank you!

  • @mohammedothman8292
    @mohammedothman8292 Год назад

    Great! Thanks a lot for your effort.

  • @MDSaidurRahmanSiam
    @MDSaidurRahmanSiam 11 месяцев назад

    Great Video!

  • @ismasoc5
    @ismasoc5 Год назад +13

    why are explanations about React made so difficult to understand?

    • @Ismoil_Sharifov
      @Ismoil_Sharifov 23 дня назад

      It is programming man. To understand things is not easy

    • @ismasoc5
      @ismasoc5 23 дня назад +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 13 дней назад

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

  • @gregkavanagh1094
    @gregkavanagh1094 Год назад

    Part 2 please. Thanks for part 1

  • @minor12828
    @minor12828 Год назад

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

  • @thuannguyenlehoa9711
    @thuannguyenlehoa9711 Год назад

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

  • @Hereisvito
    @Hereisvito 5 месяцев назад

    Amazin, keep going

  • @yousfhamad70
    @yousfhamad70 Год назад +1

    Great content

  • @Ramesh-js
    @Ramesh-js Год назад

    Part 2 Waiting Bro !

  • @TornadoComputerz
    @TornadoComputerz Год назад

    Yes, I wanna see part 2

  • @youdontknowme2508
    @youdontknowme2508 Год назад +1

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

  • @kkjj8509
    @kkjj8509 Год назад

    Part 2 please ❤

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

  • @el_andrius
    @el_andrius 9 месяцев назад

    Why is the complexity n^3?

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

    great topic, thanks

  • @ra6160
    @ra6160 Год назад

    We need part 2😁😁

  • @Wakkyguy
    @Wakkyguy 10 месяцев назад

    Is the reconciler a part of React or ReactDOM?

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

  • @vinoths5753
    @vinoths5753 10 месяцев назад

    We need those topics also

  • @nayem6386
    @nayem6386 11 месяцев назад

    Good One 👌

  • @md.abuabdullah2446
    @md.abuabdullah2446 10 месяцев назад

    4:19 was that intentional?

  • @curiosabouttech
    @curiosabouttech Год назад

    Great explanation thanks

  • @mitotv6376
    @mitotv6376 Год назад

    Nice vid

  • @AmeerHamza-fz1ve
    @AmeerHamza-fz1ve Год назад

    Excellent video

  • @webdevschool6597
    @webdevschool6597 Год назад

    We need Part 2.

  • @hmls3579
    @hmls3579 Год назад +3

    5:42 wtf

  • @akshatkhandelwal5591
    @akshatkhandelwal5591 11 месяцев назад

    part 2 needed pls

  • @gizemavcs8599
    @gizemavcs8599 11 месяцев назад

    Perfect video!!!!!

  • @saumyaranjannayak2101
    @saumyaranjannayak2101 4 месяца назад

    really nice video

  • @mutahir_23
    @mutahir_23 3 месяца назад

    part 2 where?

  • @harshithpatte7169
    @harshithpatte7169 Год назад

    We need part 2

  • @ashish_prajapati_tr
    @ashish_prajapati_tr Год назад +1

    Helping you to break RUclips algorithm.

  • @gopalg8239
    @gopalg8239 Год назад

    Good one part 2 please

  • @muhammedashkar692
    @muhammedashkar692 8 месяцев назад

    bro, where you inspired by fireship style?😄

  • @7Budyn7
    @7Budyn7 Год назад

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

  • @Sahilsharma-sk5vr
    @Sahilsharma-sk5vr 4 месяца назад

    Thank you so much.

  • @UniParse
    @UniParse Год назад

    I give you 5 starts🌟🌟🌟🌟🌟, next video please!!

  • @mohamedhesham9192
    @mohamedhesham9192 11 месяцев назад

    great video

  • @nhatlinhpham4235
    @nhatlinhpham4235 Год назад +1

    Part 2 plz

  • @arunjoseph8466
    @arunjoseph8466 Год назад +1

    please make that part 2

  • @aj.arunkumar
    @aj.arunkumar Год назад

    very good one..