React Fiber Reconciliation: How it Works (Part 1)

Ғылым және технология

Пікірлер: 39

  • @RichaBhardwaj18
    @RichaBhardwaj18 Жыл бұрын

    This was so helpful! No fuss, just the information required to picturize and hence understand React's internal working. This, for sure deserves to have far more reach! Lot better than majority of existing long explanations of Fiber, reconciliation on the Internet! Thanks for sharing this!

  • @tejask

    @tejask

    Жыл бұрын

    Glad it was helpful! Feel free to share it!

  • @tsuki_
    @tsuki_ Жыл бұрын

    It was your React video (where you basically implemented the react hooks in 30 minutes) that blew my mind. Before that, I used to take things as "magic". Your video made things normal and just javascript. And again it is your video that is helping me refresh my knowledge of how React reacts underneath. Thank you for being such an awesome being. Tejas BeingAwesome™ 🙂

  • @arjobansingh1940

    @arjobansingh1940

    Жыл бұрын

    Hey, Can you share the link of that video?

  • @gauravnandedkar5701
    @gauravnandedkar57018 ай бұрын

    Support from India...very good teaching.

  • @ShivamSharma-dq4pu
    @ShivamSharma-dq4pu Жыл бұрын

    Hey! Tejas, a big warm hug, and thanks for making this video. I am 26 and I started coding/programming (I don't know the difference) in July 2022 last year not because I loved it or anything but because I was not succeeding in getting a decent job as a Mechanical Engineer as there are none in India, coding was providing me an outlet to get a job with fixed working hours and decent salary so I gave it a shot, grinded hard and guess what? I landed a job as a front-end engineer. I am not a smart person and I know when sh*t will hit the fan my company will dispose me so I have to constantly learn, educators like you, James q quick, The coding Train, and Web dev simplified to name a few are really helpful. Again thank you

  • @tejask

    @tejask

    Жыл бұрын

    Appreciate you friend

  • @favouritejome
    @favouritejome Жыл бұрын

    I recently just heard of React Fiber from a course, and I didn't quite understand it. I can't wait for part 2 of the video, thanks Tejas for the explanation. Though what about the cleanup phase, one thing I remember from the course is that there are 3 life cycle phases, render phase, commit phase and cleanup phase.

  • @teodorjonsson9076
    @teodorjonsson90767 ай бұрын

    Super helpful and professional video! Good job bro!

  • @prachigour09
    @prachigour097 ай бұрын

    I manifest an entire javascript and react series coming from you ☺

  • @7Budyn7
    @7Budyn78 ай бұрын

    Best explanation I found.

  • @arogyabichpuria3262
    @arogyabichpuria3262 Жыл бұрын

    this is some dope shit, like no one teaches about react in this depth :)

  • @tejask

    @tejask

    Жыл бұрын

    I do it for you

  • @yahayaoyinkansola8258
    @yahayaoyinkansola82582 ай бұрын

    This was very helpful!. First time I am watching a video on your channel. I love the diagram representations, really drove the point home, thank you very much

  • @tejask

    @tejask

    2 ай бұрын

    Awesome, thank you!

  • @HEPEAJIbHOCTb
    @HEPEAJIbHOCTb Жыл бұрын

    Thank you for the video!

  • @tejask

    @tejask

    Жыл бұрын

    My pleasure!

  • @vishalupadhayay6391
    @vishalupadhayay639111 ай бұрын

    Cool stuff.

  • @balaganesh3440
    @balaganesh3440 Жыл бұрын

    Th explanation was absolutely wonderful!

  • @tejask

    @tejask

    Жыл бұрын

    Thanks!!

  • @AFC-ro6bk
    @AFC-ro6bk Жыл бұрын

    Hi Tejas, great video, thanks for the deep dive and the explanations 🙂 I have a question about diffing virtual DOM trees. I would like to know if the diffing part is always done with comparing entire virtual DOM trees (old one and new one), or just parts that are updated are getting diffed? I understand that React will not go through the render phase of the entire app component tree if just some single nested component state is updated. But does that mean that the diffing part would be done just for this single component virtual DOM or it would be done for the entire app virtual DOM? Thanks 🙂

  • @mikhailmikheev8043
    @mikhailmikheev8043 Жыл бұрын

    Thanks for the vid 🙏

  • @tejask

    @tejask

    Жыл бұрын

    You bet

  • @shafaatakhunzada8081
    @shafaatakhunzada808111 ай бұрын

    how react fiber differentiate between high priority and low priority tasks?

  • @lokeshnegi5051
    @lokeshnegi50516 ай бұрын

    which memory are we talking about when we use the term in memory is it RAM or browsers localstorage ?

  • @ozgurNY
    @ozgurNY Жыл бұрын

    Amazing!

  • @tejask

    @tejask

    Жыл бұрын

    Thanks!

  • @thuannguyenlehoa9711
    @thuannguyenlehoa97117 ай бұрын

    hi, I have a question: "The JSX React.createElement() function calls and returns an object. When this Object transforms to Element tree, this object is called element tree, right?"

  • @RoadsideCoder
    @RoadsideCoder9 ай бұрын

    What is this app that you're using to explain?

  • @harshilparmar9076
    @harshilparmar9076 Жыл бұрын

    😍😍

  • @baidutaobao5186
    @baidutaobao51869 ай бұрын

    ❤❤❤

  • @denishclarke4470
    @denishclarke4470Ай бұрын

    Fiber reconcile the things what diffing algorithm tells, right

  • @gururajchadaga
    @gururajchadaga6 ай бұрын

    how does virtual DOM fit in to this?

  • @ritviktyagi9221
    @ritviktyagi92217 ай бұрын

    Is the tree generated by fiber the Virtual DOM? If not where does Virtual DOM fits into this?

  • @gururajchadaga

    @gururajchadaga

    6 ай бұрын

    I have the same exact question. did you find out?

  • @lilywang3968

    @lilywang3968

    4 ай бұрын

    yes , the react dom tree is generated by fiber tree.

  • @miguelalarcon2972
    @miguelalarcon2972 Жыл бұрын

    🐐🐐🐐🐐🐐🐐

  • @EthicalRaja
    @EthicalRaja11 ай бұрын

    I am straggling to understand please make this more easy...

  • @stephen1569
    @stephen1569Ай бұрын

    Excellent presentation my friend. I was hoping that there might be some general detail about the logic of how Fiber Root Node switches the pointer. Also, do the elements change position in the array [ currentX, setCurrentX ] ? Maybe this might be a topic for another video? Many thanks.

Келесі