Создай свой React (❌ not for Juniors) - пишем первый код библиотеки LibaJS, урок 2
🚀Стань квалифицированным разработчиком за 9+ месяцев с трудоустройством в IT —INCUBATOR:
Front-end
https://it-incubator.io/front-end/?ut...
Back-end
https://it-incubator.io/back-end/?utm...
Участие в розыгрыше GREENCARD https://greencard.it-incubator.io/
Топ 5 книг для программиста • ТОП-5 книг, которые должен прочесть к...
Для чего нам LibaJS? Чтобы похоронить React? Нет! Чобы отвлечься от важного и выучить API какойто библиотеки? Нет!
А для чего? Для того, чтобы разобраться, как примерно работает под капотом ReactJS, Angular и Vue. Для того чтобы выйти из рутины привычной работы, для того чтобы качнуть глубину понимания, для того чтобы стать инденерно сильнее и открыть для себя новые карьерные горизонты
Станьте спонсором канала, и вы получите доступ к эксклюзивным бонусам. Подробнее:
/ @itkamasutra
Поддержать меня можно на:
Patreon / itkamasutra
Boosty https://boosty.to/itkamasutra
Поддержать проект монеткой: https://social-network.samuraijs.com
А здесь бесплатная взаимопомощь:
https://t.me/reactjs_samurai
Мы в соц. сетях:
https://vk.com/itkamasutra
/ it.incubator
https://telegram.me/itkamasutra
Мои личные VK и Inst:
https://vk.com/d.kuzyuberdin
/ dmitry.kuzyuberdin
llbaJS goodbue react angular vue
0:00 - Вступление, работа-тоска
1:25 - Про мою компанию it-incubator.io
2:25 - Про предыдущий ролик (всплывашку сделать) и практику
3:00 - Удаляем из проекта с прошлого урока установленную библиотеку libaJS
7:35 - Вызываем явно Component.render
13:50 - Возмущаюсь OBS и глюками из-за записи экрана
14:18 - Делаем cleanup
18:20 - Подведение итогов, как у нас работает приложение и что мы сделали
19:13 - Чиним перерендер TaskComponent
20:12 - Оптимизация перерендера всех тасок для TodolistsComponent - кеш компонентов, сравнение props
34:35 - Готовое приложение без фреймворка LibaJS, что дальше
35:20 - Друзья, помогите
36:10 - Создаём LibaJS.js и метод create
40:25 - Не хочу импортировать LibaJS в каждый файл и почему мне не нравится React
41:31 - Проблема прокидывания liba в render метод
42:07 - Первичный render компонента через LibaJS
45:04 - Чиним CounterComponent и AppComponent
46:45 - Переводим Todolist на использование liba
49:56 - Уносим зачистку старой разметки перед новым рендером в LibaJS
52:00 - Избавляемся от явного вызова Component.render внутри компонентов, создаём liba.refresh
57:00 - Фикшу багу, и перевожу всё на liba.refresh
1:00:01 - Нашёл очепятку inerrHtml
1:01:45 - Фикшу Todolist
1:03:18 - Планы смотреть исходники React и приглашать гостей
1:04:13 - Разные объекты liba для render метода и для самого компонента
1:05:40 - Переносим вызова cleanup функцию в libaJS
1:08:08 - Новый метод создания для дочерних компонентов, parent
1:19:19 - Фиксим проблему с children
1:24:00 - Оптимизация перерисовок в libaJS, кеш дочерних компонентов, childIndex
1:44:33 - Render для task если новые пропсы
1:55:22 - До новых встреч
#react #angular #vue
Смотрите видео Создай свой React (❌ not for Juniors) - пишем первый код библиотеки LibaJS, урок 2 онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь IT-KAMASUTRA 03 Август 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 5,378 раз и оно понравилось 142 людям.