The Heart of React || How React works under the hood

Подписаться 1,1 тыс.

Просмотров 10 тыс.

50% 1

React is the magic box for most developers. But as we know, magic does not exist in our world. And today I’m going to open this box and explain in simple words how React builds a virtual tree, how it updates it, and at the same time we always see our cherished 60 frames per second.
React Reconciliation - reactjs.org/docs/reconciliati...
React Fiber Architecture - github.com/acdlite/react-fibe...
ReactNext 2016 "What is React Fiber?" - • Andrew Clark: What's N...
Heuristic (computer science) - en.wikipedia.org/wiki/Heurist...)
List of priorities - github.com/facebook/react/blo...
List of priority timeouts - github.com/facebook/react/blo...
Unstable exports - github.com/facebook/react/blo...
Support AI Bruise:
Patreon - / membership
Timecodes:
00:00 - Topic announcement
00:41 - Information sources
00:59 - Reconciliation short definition
01:11 - How react works under the hood
02:33 - React DOM and RN rendering
02:50 - Tree traversing algorithm
04:21 - Type changing real example
07:13 - Prioritization flow
08:25 - Prioritization realization in GitHub
09:25 - React Fiber intro
10:05 - Conclusion
Subscribe to channel: / @ai-bruise
#react #webdevelopment #programming #frontend #reactjs

Опубликовано:

5 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 14

@Sourabh-qf8wy 4 месяца назад

I haven't even learnt React, but as a Computer Science Student I somewhat understood what you were talking about. Really nice video , liked it, watched till the end. Subscriber 1+

@ai-bruise 4 месяца назад

Great! Thank you for joining! mb it is a time to start learn react :)

@palashbaderia7113 4 месяца назад

This is toooooo good man !!!! Would love to see more content :)

@ai-bruise 4 месяца назад

Thank you! I have a lot of content. I'm going to publish a new video on Tuesday ;-)

@hackytech7494 3 месяца назад

Thank you so much, Read so many docs but couldn't get hold of the react fiber, and finally its clear from your video. Thank you so much ❤. Please keep uploading Indepth knowledge of languages like this, I have subscribed and will be waiting for such amazing videos.

@ai-bruise 3 месяца назад

Great! I have a lot of what I can share with you. So just subscribe to the channel and share the video with your friends! It will increase my motivation to create new episodes!

@hackytech7494 3 месяца назад

@@ai-bruise Already Subscribed 😁. Looking forward to vidoes which explain the concepts in complete depth, like the javascript execution and how it uses memory and stack etc. Great work. keep up the good work.

@MaxWilliam Месяц назад

You just got a new subscriber. What a great content we have here!

@ai-bruise Месяц назад

Welcome to the channel! I will be glad if you share our episodes with your colleagues!

@4v4 10 дней назад

Cool! I found it useful, but the code snippets that used classes felt outdated.

@islombekdev 4 месяца назад

is it English version of the channel "Ayti Sinyak"?

@ai-bruise 4 месяца назад

Yes, it is. I have the same channel in other language with 30k subscribers. So I've decided to share knowledge for more people in different countries in EN :)

@islombekdev 4 месяца назад

@@ai-bruise Dude, you can't imagine how grateful I am now. Cause I really liked the content on your Russian channel but Russian is not good, I was struggling to understand some concepts. Keep it up, mate! I will try to help with like, subscription, sharing and so on))

@ai-bruise 4 месяца назад

I'm really happy to hear it! Now we have big plans to publish a lot of videos in EN channel. All best content from RU channel will be posted here as well! thank you for supporting!