Тёмный

Сборка (Никита Сидоров, Владимир Ульянов) 

Young&&Yandex: фронтенд-разработка
Просмотров 3,4 тыс.
50% 1

На лекции расскажут о том, когда и как появился процесс сборки веб-приложений. Вы узнаете об архитектурном устройстве webpack: как и зачем в нем появились те или иные абстрации и как эти абстрации увидеть вживую. Обсудим стандартные техники: chunk splitting, innerGraph tree shaking, dynamic imports, minimizers, deadcode ellimination, module concatenation.
Разберем как, зачем и когда может понадобится писать свой плагин или лоадер для webpack. Всегда ли нужен именно webpack или есть альтернативы. Посмотрим на использование других бандлеров в анализе WebAlmanac 2022.
Лекторы объяснят, почему к сборке стоит относиться как к продуктовой фиче и за какими метриками стоит следить, чтобы вам и вашим пользователям было комфортно.

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

 

5 июл 2023

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 10   
@TheS68123
@TheS68123 18 дней назад
Ничего не понял, но очень интересно))
@user-wt4jb6uv4d
@user-wt4jb6uv4d 11 месяцев назад
Спасибо за лекцию! 2:15 - начало 4:15 - история 8:04 - сборка 14:15 - практика, архитектура сборщиков 23:22 - webpack 28:24 - конфигурация 33:22 - loaders 37:28 - source maps 41:20 - plugins 44:23 - оркестрация конфигов 47:44 - сборка библиотек 50:20 - zero config start 57:20 - оптимизация клиента 1:12:12 - динамические зависимости 1:13:18 - runtime chunk 1:17:58 - сборка как продукт, анализ 1:25:48 - скорость сборки 1:33:00 - продолжение 1:41:58 - второе начало 1:43:21 - расширяем границы 1:44:14 - loader vs plugin 1:49:23 - расширяем loader 1:56:53 - расширяем API 1:59:43 - нюансики 2:01:54 - домашка
@Sultanbayev
@Sultanbayev 2 месяца назад
Топ, спасибо тебе
@kiloarms8563
@kiloarms8563 Год назад
Совет вновь прибывшим Если вы новичок и не в курсах что такое webpack вам не сюда. Здесь разряд выкинуть из лодки в середине озера и разбираться. :)
@muhamadaminibragimov5096
@muhamadaminibragimov5096 10 месяцев назад
На счёт скорости сборщиков. Вроде next по умолчанию использует react server components может из-за этого turbopack такой медленный
@muhamadaminibragimov5096
@muhamadaminibragimov5096 10 месяцев назад
На счёт use strict не будет ли там дублирование?
@galandec2000
@galandec2000 Год назад
про сборщики хотелось бы слышать больше о недостатках того или иного чем о их восхитительных сторонах. ибо хорошая часть у нас и так всегда приводит к чему-то позитивному. а вот темная сторона, это более важная часть ибо именно в этом месте мы часто ловим боль в пятой точке и достаем технический "вазелин".😁 условно, нам рассказали какой vite хороший, мы его схватили побежали сувать везде и бац пришла темная сторона и вывалила грабли и остальное, и сидим да плачем над этим...😁 поэтому лично я всегда предпочитаю услышать о недостатках по больше. а все что хорошо, оно и так хорошо и про это хорошо только ленивый не сказал.😁 не только про сборщики а вообще.
@nickshevr
@nickshevr Год назад
Все так, в более углубленных докладах рассказываю и об этом. А тут скорее базовая лекция, где-то чуть больше уклон на «замотивировать попробовать».
@galandec2000
@galandec2000 Год назад
чуть по душню... 🤣ну или чуть истории.🤣 less появился раньше всех и компилится,и космпилился без node и без npm, тупо ванильным js и по сей день много где используется как основной css препроцессор. в том же wordpress, magento, odoo до 14 версии потом они ушли на scss и sass больше, и еще много где. сам less был один из первых css препроцессоров а написал его программист которого закинули на верстку и ему стало больно, и чтоб попа не болела он создал "вазелин" в виде less для себя.😁мне лично ну прям очень нравится less за свою супер гибкость. все что надо тупо js файл который можно по cdn подключить и в бой. не понимаю почему он так сильно потерял популярность в СНГ сегменте... превосходный инструмент если надо поверстать.)) scss вроде на Ruby компилиться, точно не надо node, node это прокладка просто между ними. просто многие думают что scss компилится node.js.я сам так думал когда то.😁
@nickshevr
@nickshevr 7 месяцев назад
Спасибо за комментарий! Все по делу.
Далее
Реакт база (Тёма Сенюков)
2:52:13
Просмотров 38 тыс.