06 Virtual DOM, Fibre and reconciliation

  Рет қаралды 121,661

Chai aur Code

Chai aur Code

10 ай бұрын

Visit chaicode.com for all related materials, community help, source code etc.
Sara code yaha milta h
github.com/hiteshchoudhary/
Discord pe yaha paaye jaate h:
hitesh.ai/discord
Instagram pe yaha paaye jaate h:
/ hiteshchoudharyofficial

Пікірлер: 829
@gauravbanerjee2898
@gauravbanerjee2898 6 ай бұрын
Thank you so much Hitesh sir Here is the takeaway from the video /* 1.The createRoot create's its own DOM and then compare it with the web browser's DOM and only update those components which are actually updated. 2.But the browser removes the whole DOM and then recrates the whole DOM with the updated values this is called reload. 3. However virtual DOM tracks whole DOM like a tree like structure and updates only those values which were only changed. 4. But some values depends on network call so if we update a value it might get update immediately via a network call. 5. So we will have to update it again. To avoid this overhead we can drop the updation calls for the immediate value update. 6. The current algo used by the React is called the React Fibre algo. 7. The algo react uses to differentiate the web browser's tree and React's tree formed through create root is called reconciliation. 8. Reconciliation is the algo behind what popularly known as the Virtual-DOM. 9.In UI it is not necessary for every update to be applied immediately. */
@kamilsiddiqui4252
@kamilsiddiqui4252 3 ай бұрын
thank you gaurav bhai
@WatchNotchK2S
@WatchNotchK2S 3 ай бұрын
Thanks bhai nice notes
@vishakhakhanna8115
@vishakhakhanna8115 3 ай бұрын
helpful!!!
@xboy2374
@xboy2374 Ай бұрын
thanx bhai
@adityagupta9462
@adityagupta9462 28 күн бұрын
thanks a lot bhai
@vikassahani2874
@vikassahani2874 8 ай бұрын
Time Stamp of the video 0:30 ⇒ intro 0:45-1:17⇒ kahani of Dr. 1:36 ⇒ Virtual DOM 1. kya abhi bhi Virtual DOM padna chhiye? ⇒ yes 2. kya abhi bhi use hota Virtual DOM React me? ⇒ no 3. what is reconciliation? 4. fibre?, virtual dom 3:00 ⇒ Article for understanding Virtual Dom 3:15⇒ `createRoot` method of `react-dom` 5:36 ⇒ documentation “react fibre” search on google - Virtual dom ko update karne ke liye fiber algorithm ka use hota h - 10:10 ⇒ Reconciliation is Virtual DOM - 17:30 ⇒ Fiber - 19:00→ Structure of a fiber will do later 19:45 ⇒ summarizing the video
@RakeshSingh-vl2mz
@RakeshSingh-vl2mz 8 ай бұрын
Thanks bro
@vikassahani2874
@vikassahani2874 8 ай бұрын
@@RakeshSingh-vl2mz mention not❤
@karkisanket294
@karkisanket294 8 ай бұрын
Good work bro
@vikassahani2874
@vikassahani2874 8 ай бұрын
​@@karkisanket294thanks for recognising ❤
@gyanprakash2472
@gyanprakash2472 7 ай бұрын
a sincere thanks for the summary , keep doing
@arunkumar7617
@arunkumar7617 8 ай бұрын
Impressive. No one touch these topics in their videos. This series is a true gem.
@navinkumarsahu1159
@navinkumarsahu1159 9 ай бұрын
This series has become just like drugs it's quite addictive 🙏
@MuhammadOsamaAbbas
@MuhammadOsamaAbbas 9 ай бұрын
so true
@parvgheewala5554
@parvgheewala5554 3 ай бұрын
true af
@ojal.dev.
@ojal.dev. 9 ай бұрын
This React Course is going to be great just like the JavaScript course.
@chaiaursafar
@chaiaursafar 9 ай бұрын
bhaiya you are best and the way you taught of us just amazing sbki jeewan me aap jese tutor honge to jeewan jeena aasan ho jayega
@jk-sm6qr
@jk-sm6qr 4 ай бұрын
I watch this video 3 times and now understood the document easily. Thank you sir ji
@VishalSharma-rn7mt
@VishalSharma-rn7mt 9 ай бұрын
Sir aap jis level ki knowledge share kar rahe hai, us level ki knowledge aur kisine kabhi nahi share kiya, Thank you so much Sirji 😊
@sahilbani7020
@sahilbani7020 9 ай бұрын
This course is immaculate, thank you sir for providing such in depth knowledge for free.
@investonomy8758
@investonomy8758 9 ай бұрын
sir hats of your teaching style . kya samjhate hai app maine bohot sare video dekha hai youtube pe per kahi pe bhi mujhe itna deep concept clearing video nehi mila . miane bass js complete kara tha aur react sikhne ke lia bohot sare channel dekha per samjhme kisi me nehi aya fir mujhe apka channel mila aur just boommmmm ane laga samajh me. maine to apka js wala series bhi dekhna start kar dia hai although mujhe pata hai . per iss ummed mai taki koi aur deep knowledge mil jaye. thank you sir
@afaqahmad-ef4ky
@afaqahmad-ef4ky 9 ай бұрын
Congratulations to all Indians for their landing... From Pakistan ❤️😊
@09avishkargaikwad71
@09avishkargaikwad71 2 ай бұрын
Yes sir, You have completed your goal to create a curiosity for exploring new tech things and go into deeper level.
@yashagrawal9621
@yashagrawal9621 10 күн бұрын
The knowledge gain after watching Hitesh sir's any video is just tremendous and mesmerizing. Hats off to sir's hard efforts and crazy experience.
@user-zs4yc2or3h
@user-zs4yc2or3h 8 ай бұрын
What a great explanation. The complex document felt so simple You are great Sir
@bacchokipasand
@bacchokipasand 4 ай бұрын
Sir sach mai app itne ache sai padate ho bohot acha lgta .
@rohitsahu7172
@rohitsahu7172 4 ай бұрын
Your teaching style goes beyond the conventional. You don't just educate; you inspire curiosity and create a framework for effective teaching. Grateful for the unique perspective you bring to education!
@Moniverma2302
@Moniverma2302 4 ай бұрын
Aapke teaching pattern se esa lag rha hain hum sab bhi real world problems with solution face kr rhe hai, fresher wali feeling nahi aegi interview Dene jaege to🙏😆 thanks a lot sir
@adityadolui8633
@adityadolui8633 8 ай бұрын
It's your teaching skill that makes this video so interesting. Really yee to lack rupay ka course hain. Hats off ❤️
@deepansh-gangwar
@deepansh-gangwar 9 ай бұрын
Sir, aap programming bahut achi pdhate h you are my favorite instructor,
@geekguri_tech
@geekguri_tech 5 ай бұрын
Great knowledge is delivered by Hitesh Sir with so much depth.
@techieimam4491
@techieimam4491 8 ай бұрын
Maine already 12 hours ke lecture dekh rakhe hai ....aur thik thak knowledge ho gae project bana ne k lye....par jab se bhaiya apka video dekha hu....React me feel aa rha hai...aur bahut saare baatein aap bata te ho Jo Mai ni janta tha.. Thanks bhaiya.... aur aapki way of talking Masha Allah lajawab hai....😀
@avanidalal4758
@avanidalal4758 4 ай бұрын
I really appreciate your efforts for this. I mostly understood the concepts the way you are explaining. Thank you so much sir
@funkyboy4882
@funkyboy4882 5 ай бұрын
are sir bohooot bhadiya video tha, mai khud aur dekhunga jaake reconciliation k baare mai, aur fiber ko bhi dekhunga, thank you so much
@user-gg9tk5hc2h
@user-gg9tk5hc2h 28 күн бұрын
jaise jaise m hitesh sir aap ki playlist se programming seekh rha hu i feel that i always want a teacher like you who always guide me with also a very minute details of the concepts.. i hope that i will meet you one day
@wasifurrahmanefaz4216
@wasifurrahmanefaz4216 5 ай бұрын
Your teaching style goes beyond the conventional. You don't just educate; you inspire curiosity and create a framework for effective teaching. Every teacher should adopt your teaching approach. Grateful for the unique perspective you bring to education! Love form Bangladesh💝
@nehakaler6677
@nehakaler6677 3 күн бұрын
Completed with 6th lecture. Thankyou Sir for this wonderful lecture. Loving the series.
@vishalakasnehashis9747
@vishalakasnehashis9747 8 ай бұрын
Sir , Ek hi dil hain kitna bar jetogee! The way you refine the concepts and make ourselves confident in React that it's interesting and teaching can't be more fun than this
@deepakbaghel2444
@deepakbaghel2444 9 ай бұрын
Sir i love how you deliver the knowledge so easily ,This is best serious on whole utube ❤❤
@_Prabhat_EC
@_Prabhat_EC 8 ай бұрын
Kha tha mai etne din . web ka asli gyan to yha tha . Thanks a lot sir your teaching style makes you a great teacher.......
@shikharpandya4927
@shikharpandya4927 8 ай бұрын
Love this react series :) Everything is of temporary interest on Yt but Hitesh sir's lectures have become permanent😇😍
@satishkumar-oi3rr
@satishkumar-oi3rr 8 ай бұрын
The explanation is too simple. Love you Hitesh Sir
@rahulsuthar324
@rahulsuthar324 Ай бұрын
Sir next level knowledge you are providing us. You are creating excitement regarding code, library, inner workings.
@thecalgarians4597
@thecalgarians4597 Ай бұрын
App dhanya hain Hitesh ji jo is level ka content YT pe free mein padha rahe hain. KUDOS ❤
@siddheshshiposkar6815
@siddheshshiposkar6815 Ай бұрын
It is very beneficial to the audiance who learn on the you tube. Thank you so much
@mukuljain9024
@mukuljain9024 3 ай бұрын
Nimbu Pani hamara bhi tayar he Bahut achhe se concepts pure ho rahe he confidence bhi in a good way badh raha Thankyou sir
@jstar3257
@jstar3257 7 ай бұрын
Understood the Concept of Virtual DOM, Reconciliation completely and get a little bit idea of Fibre as well....Thanks Sir
@Sneakingmentor
@Sneakingmentor 9 ай бұрын
maja aagaya. Atleast after watching all the videos till here now i know what is react. Why do we use components. The use of state hook. How react actually works.
@sarthakpatwa4133
@sarthakpatwa4133 9 ай бұрын
you are the experienced teacher and your explanation is very clear
@abhisheknaik4885
@abhisheknaik4885 9 ай бұрын
Initially I felt the Lec would be boring but later through your stories it became more interesting , Expecting the full Course❤❤❤❤
@akshay6023
@akshay6023 8 ай бұрын
Next level content . Thank you sir for this amazing session .
@abhishekkashyap2984
@abhishekkashyap2984 9 ай бұрын
Loved your way of teaching , how you makes concept crstal clear using a story.😌
@iamwaves__TMT
@iamwaves__TMT 9 ай бұрын
😮
@ankushladani496
@ankushladani496 9 ай бұрын
Story to aap ek dum ache se batate ho...😊
@Neutral_Opinion1717
@Neutral_Opinion1717 9 ай бұрын
Loved the content, the quality and the way of explaining
@M_Sajid3037
@M_Sajid3037 4 ай бұрын
i am very thankful of god for giving opportunity to watched out these type of content on KZfaq
@sky_9460
@sky_9460 7 ай бұрын
very good explaination, please keep it up. Request you to maintain this level of explanation and I really wish that this series get famous.
@harsh-alashi
@harsh-alashi 9 ай бұрын
If all episodes would've been dropped at once, I would've binge watched this series
@user-wy1ot5gz1f
@user-wy1ot5gz1f 6 күн бұрын
Thanks sir so much 1. re-rendering : it the process of updating virtual DOM or the tree 2. diffing algo: Algo created by react developers to only update the neccesary part of the tree 3.Reconcillation: diffing + re-rendering
@shubhamkashyap9708
@shubhamkashyap9708 22 күн бұрын
One of the best teachers in the world . Thanks hitesh bhaiya❤
@gauravsrivastava17
@gauravsrivastava17 4 ай бұрын
New and Interesting concepts never heard before Thank you Sir for sharing your lvl of experience with us ❤
@Mehak-shl
@Mehak-shl 8 ай бұрын
Best guru i ever found...no need to go coaching ❤🎉
@kartiklabhshetwar4317
@kartiklabhshetwar4317 5 ай бұрын
This video is eye-opening for me! I didn't know you could learn programming this way!
@sandboxop
@sandboxop 2 ай бұрын
Thanks for the amazing content ,,,,, i have brough the course of harkarit singh 0-100 its a great course but i feel like i was not able to understand the react part so i saw your playlist on youtube and trust me i your course is 1000x better than the 99% of courses out there... LOTS OF LOVE FORM MY SIDE.
@hiphop861
@hiphop861 6 ай бұрын
Thank you sir. I hate front end a lot. You and Code with harry are two behind my confidence. Which is getting increased day by day in the front end
@yashaswiverma3316
@yashaswiverma3316 7 күн бұрын
fav teacher and coder❤
@Peaceful_mind949
@Peaceful_mind949 4 ай бұрын
Kya hi sir , aapne to mereko aisa bna diya h ki jbtk ye neend nhi aati tbtk bs ye playlist chlti rhti maine phle bhi ek bar react pdha pr chodh diya pr is itni aasan lg rhi mja aa rha pdhne me
@noobcoder9953
@noobcoder9953 7 ай бұрын
Guruji app jesa koi nahi. I really appreciate your effort for making such content from my heart. Really loved it sirji lots of love. Hope we will meet someday.
@pratiksawant
@pratiksawant 9 ай бұрын
Was waiting for this really thank you for uploading sir thanks 🙏
@sharoonmasih1345
@sharoonmasih1345 27 күн бұрын
amazing explanation by Sir Hitesh
@surajdubey4484
@surajdubey4484 6 ай бұрын
I watched another tutorial on react before this but i'm was not getting confidence that I'm a react developer. Now I'm getting confidence in react. Thank you Hitesh .
@ishaangarg2001
@ishaangarg2001 8 ай бұрын
Amazing way of teaching with next level of concepts.....................#Best_Series
@adityashukla6966
@adityashukla6966 9 ай бұрын
Sir you are literrally motivation to all of us... Hatts of to u sir... ❤
@prajapatidharmendra843
@prajapatidharmendra843 Ай бұрын
Learned a lot about react. Thanks sir.
@binayakbidyasagar1536
@binayakbidyasagar1536 6 ай бұрын
Pehli baar kisi theory/core video itne concentration se dekh raha tha. Aisa lag raha hei ye video series bht late mila mujhe.
@sudhindevan4260
@sudhindevan4260 9 ай бұрын
You are good, makes me want to watch more. you present in a very interesting way.
@subhanshumohanty5593
@subhanshumohanty5593 9 ай бұрын
Ab fir agale din yah wapis dekhunga You are the best
@afzalhamdulay
@afzalhamdulay 6 ай бұрын
this video was not useful as coding wise but definitely increased my knowledge as i never heard about fibre from any tutorials . thankyou for updating about it.
@danishdev358
@danishdev358 9 ай бұрын
Really high level content| watched the complete video and waiting for the next one | thanks for the video
@TirthPrajapati-by9mu
@TirthPrajapati-by9mu 9 ай бұрын
Thank you sirji the way your are explaining the react concepts is fantastic ❤❤❤
@ahmednaseem5161
@ahmednaseem5161 9 ай бұрын
Boht Shukriya Hitesh Bhai! Love from Karachi, Pakistan ❤❤
@yikes3807
@yikes3807 9 ай бұрын
Sir thank you ❤ aap best ho jo bhi sikhate ho best in industry
@kushalmonika2881
@kushalmonika2881 Ай бұрын
Thank you sir aapne bhot acche se samjhaya.
@himanshudubey24
@himanshudubey24 9 ай бұрын
Sir ek second bhi bore nahi laga itne dhyan se to me movie nahi dekhta sir just amazing work sir So addictive Series In whole KZfaq🙏.
@namitadas5194
@namitadas5194 9 ай бұрын
Bhai i m big fan of u. Aap bahut acche padhate ho
@PriyaSingh-bq8sp
@PriyaSingh-bq8sp Ай бұрын
Very helpful video, Thankyou @Hitesh Sir
@mddaudansarii6410
@mddaudansarii6410 9 ай бұрын
i dont any word for this series as well as hitesh sir
@TheStickmanShow805
@TheStickmanShow805 7 ай бұрын
Thq sir ittni knowledge wali videos banane ke liye.
@milantamang9944
@milantamang9944 Ай бұрын
Thank you Hitesh sir for providing this content
@shoaibhasan4026
@shoaibhasan4026 9 ай бұрын
one of the best video about react fibre on youtube ...😍
@azeemdeveloper4815
@azeemdeveloper4815 3 ай бұрын
sir skilled software engineers sirf IIT se nhi Chai aur code se bhi nikalte hai. literally very nice, I followed your JS series, Backend NodeJS series , now I am following your reactJS series. do you I am an experienced developer in backend development with 2 years, but jo mene Yaha sikha wo mere ander confidence laa gaya
@premsmishra
@premsmishra 5 ай бұрын
Very nice and informative video on the fibre, virtual dom and reconciliation. Thanks
@hamzasajid7973
@hamzasajid7973 Ай бұрын
I 100% agree with Hitesh bhai we are ahead of a lot of developers due to this series. I started working on reactjs just by practicing js playlist chai aur code. I delivered reactjs tasks in my current project. I eagerly come this channel daily to practice reactjs and nodejs playlist.
@SumitKumar-nd1nd
@SumitKumar-nd1nd 9 ай бұрын
I'm already watched Akshay Saini's React series, but you are a real GOAT of web dev.
@MrHARRY-qh8rs
@MrHARRY-qh8rs 9 ай бұрын
Love this series ❤.
@shubhampatil132
@shubhampatil132 9 ай бұрын
Great work! Thanks for all the hard work!
@livelife3051
@livelife3051 28 күн бұрын
Sir You're one of the Bests teachers for mine, Love from pakistan ❤❤
@albabibnmakbul4263
@albabibnmakbul4263 3 ай бұрын
🔥This series is a Goldmine for learning react.
@RishabhSingh-eq4jf
@RishabhSingh-eq4jf 2 ай бұрын
very unique and easy to understand must watch
@akashchauhan3989
@akashchauhan3989 8 ай бұрын
This series gonna break all records on KZfaq
@Mojo_._Jojo
@Mojo_._Jojo 9 ай бұрын
Great video , learned a lot about Fibre and reconciliation
@amirzulfiqar3922
@amirzulfiqar3922 5 ай бұрын
THANKYOU SIR FOR THIS COURSE YOU ARE GIFT FOR US IN OUR CARRER PATH I NEVER FOUND TEACHER LIKE YOU SIR
@Naman_Srivastav
@Naman_Srivastav 5 ай бұрын
Sir, at the beginning of the video, you mentioned that it would be boring, but I didn't even realize when the video ended.💯
@aashishrai1138
@aashishrai1138 9 ай бұрын
Sir aap Top Ho hum sab web students ki hope ho 😊
@kayumkhan_kks
@kayumkhan_kks 8 ай бұрын
OP sir, there is only one teacher on KZfaq and that is you sir, rest all are just content creators.
@jast_aryan-13
@jast_aryan-13 4 ай бұрын
Thanks sir,for this interesting lecture and deep knowledge. It is very helpful to understanding of react and its working.
@moviesworld5991
@moviesworld5991 8 ай бұрын
amazing sir big fan since 4 years
@BSEFM-MUHMMADFARAZALI
@BSEFM-MUHMMADFARAZALI 5 ай бұрын
Amazing explanation as usuall, Kindly cover the Fiber Architecture as well in details
@staralone5839
@staralone5839 8 ай бұрын
Maza agya in-depth knowledge jaan ke
@pancreasrdead
@pancreasrdead Ай бұрын
This video is worth every second.
@Aniket_0314
@Aniket_0314 9 ай бұрын
kaafi achha video tha sir in terms of knowledge and understanding
@__priyanshu__sharma____
@__priyanshu__sharma____ 7 ай бұрын
congrats for 100k subs
Tailwind and Props in reactjs
31:34
Chai aur Code
Рет қаралды 136 М.
Virtual DOM, Fibre and reconciliation
13:44
Hitesh Choudhary
Рет қаралды 19 М.
When someone reclines their seat ✈️
00:21
Adam W
Рет қаралды 27 МЛН
Купили айфон для собачки #shorts #iribaby
00:31
WHO DO I LOVE MOST?
00:22
dednahype
Рет қаралды 39 МЛН
Why you need hooks and project
28:18
Chai aur Code
Рет қаралды 171 М.
The Heart of React || How React works under the hood
10:32
AI Bruise
Рет қаралды 11 М.
Understanding React's UI Rendering Process
29:07
CrossComm, Inc.
Рет қаралды 206 М.
Why are you not creating anything in c++ ?
14:46
Chai aur Code
Рет қаралды 64 М.
A react interview question on counter
8:26
Chai aur Code
Рет қаралды 84 М.
How does a browser work ? | Engineering side
30:22
Hitesh Choudhary
Рет қаралды 69 М.
Why our ecosystem is NOT producing better software engineers ?
13:54
How React ACTUALLY works (DEEP DIVE 2023)
12:59
FrontStart
Рет қаралды 49 М.
😳 МНЕ НУЖЕН ЕЩЕ 1 ПОДПИСЧИК !
0:28
Настя, это где?
Рет қаралды 6 МЛН
1❤️#thankyou #shorts
0:21
あみか部
Рет қаралды 83 МЛН
12 июня 2024 г.
1:01
Dragon Нургелды 🐉
Рет қаралды 1,6 МЛН
The abandoned kittens finally found someone to love them, but... #cat #catlovers #ai #aiart #story
0:59
Meow Mow Cat Story 喵毛貓咪故事
Рет қаралды 9 МЛН