JavaScript Frameworks: Under The Hood | React Code Walkthrough
React section of the "Under The Hood" (UTH) series. Here we cover an overview on the actual code base of React:
- How to read frameworks source code?
- What is React doing on mount?
- How does React commit changes onto the DOM?
Chapters:
0:00 Intro
1:43 TLDR; Video Overview
3:40 Lucid Chart Overview
4:59 React's Docs
8:00 Profiling React's Standalone App
28:25 Debugging Source Code Tests
1:15:40 High-level Recap
1:23:00 Outro
Resources
---------
My Lucid chart that I used:
https://lucid.app/lucidchart/20450797-9091-4dcf-8567-990e692d4979/edit?viewport_loc=63%2C-455%2C3069%2C1588%2C0_0&invitationId=inv_e6919243-7bdb-4d07-8072-da6aa01acc68
Here is a great resource that goes over how to read React source code:
https://github.com/numbbbbb/read-react-source-code
An article that compares how JS frameworks reactivity differs under the hood:
https://dev.to/lloyds-digital/comparing-reactivity-models-react-vs-vue-vs-svelte-vs-mobx-vs-solid-29m8?signin=true
An excellent talk on how JS event loop works:
https://www.youtube.com/watch?v=8aGhZQkoFbQ
A talk that discusses React's new Fiber reconciler:
https://www.youtube.com/watch?v=ZCuYPiUIONs&t=849s
A good source code walkthrough that explains similar ideas that I go over in this video:
https://www.youtube.com/watch?v=OcB3rTln-fI
Dan Abramov's breakdown of React's internals and how to navigate through the code:
https://youtu.be/aS41Y_eyNrU
A talk that showcases how React hooks work under the hood
https://youtu.be/RnwqU9dqTr4
Socials
-------
Twitter: https://twitter.com/__K7NG__
Instagram: https://www.instagram.com/k7ng_media
LinkedIn: https://www.linkedin.com/in/darrellwashingtonjr/
Credits
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «JavaScript Frameworks: Under The Hood | React Code Walkthrough», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.