HolyJS
HolyJS
  • Видео 603
  • Просмотров 2 340 220
Николай Рябов, VK / ВКонтакте — Webpack watch в экстремальных условиях
Ближайшая конференция - HolyJS 2024 Autumn, 6 ноября (Online), 12-13 ноября, Санкт-Петербург
- -
Как происходит сборка всего огромного фронтенда ВКонтакте и что может сделать инфраструктурная команда с эффектами от имеющегося наследия. А самое главное - как многократно упростили жизнь разработчикам и сэкономили сотни человеко-часов с помощью глубокой кастомизации webpack-dev-server.
О чем говорим:
- Как на текущий момент собирается вся огромная кодовая база ВКонтакте и какие при этом есть сложности.
- Каким образом артефакты сборки попадают к пользователям.
- Какие проблемы возникают при разработке такого большого продукта, как ВКонтакте, и как с ними боролись «предки» с помощью gulp.
- Какие пр...
Просмотров: 564

Видео

Антон Непша, Сбер - Когда проснулся и узнал, что существуют PWA
Просмотров 3,7 тыс.14 часов назад
Ближайшая конференция - HolyJS 2024 Autumn, 6 ноября (Online), 12-13 ноября, Санкт-Петербург - - Почему шумиха вокруг PWA до сих пор не утихает? Нужно ли всем срочно переводить свои сайты на PWA? Антон рассказывает, с какими сложностями придется столкнуться, какие решения принять и на какие грабли наступить, если вам прямо завтра придется разрабатывать PWA. Обзор возможностей и ограничений PWA,...
Дмитрий Скуценя, Okko - Один плеер для Smart TV и web. Что может пойти не так?
Просмотров 748Месяц назад
Ближайшая конференция - HolyJS 2024 Autumn, 6 ноября (Online), 12-13 ноября, Санкт-Петербург - - Одна из самых важных частей в Okko - это видеоплеер. Для стабильного развития его вынесли в отдельный продукт и сформировали под него команды для каждой платформы. В докладе Дмитрий делится опытом взаимодействия двух платформ - классического веба и Smart TV. Узнаем, как адаптировали архитектуру, как...
Обсуждение от СИБУР Диджитал - Как заставить собеседование работать на тебя?
Просмотров 1,2 тыс.Месяц назад
Ближайшая конференция - HolyJS 2024 Autumn, 6 ноября (Online), 12-13 ноября, Санкт-Петербург - - Все мы время от времени ходим на интервью, а кто-то из нас еще и проводит их. У каждой из сторон есть своя цель, а как ее определить? Как понять, какую работу или какого сотрудника ты ищешь - есть ли объективные критерии? А еще есть множество нюансов: собеседования в энтерпрайз и в стартап отличаютс...
Игорь Федоров, VK / ВКонтакте - Зоопарк иконок: упрощаем работу с иконками для дизайна и разработки
Просмотров 2,8 тыс.Месяц назад
Ближайшая конференция - HolyJS 2024 Autumn, 6 ноября (Online), 12-13 ноября, Санкт-Петербург - - Игорь поделился опытом организации работы с иконками для фронтенда ВКонтакте. У них много дизайнеров и разработчиков и куча репозиториев с проектами. В каждом проекте нужны иконки - и хочется организовать все с максимальным удобством для дизайна и разработки. Спикер рассказал о первоначальных пробле...
Обсуждение от Okko - Как прийти во фронтенд и уйти из него
Просмотров 905Месяц назад
Ближайшая конференция - HolyJS 2024 Autumn, 6 ноября (Online), 12-13 ноября, Санкт-Петербург - - Вместе с экспертами из Okko и Яндекс Игр обсуждаем, есть ли куда развиваться внутри фронтенда и за его пределами. Спикеры: - Николай Животворев, Okko; - Иван Полюхович, Яндекс Игры; - Василий Пикулев, Okko; - Иван Карев, Okko.
Геннадий Ватитов, МТС - Экосистемная «шапка»: адаптируй это
Просмотров 526Месяц назад
Ближайшая конференция - HolyJS 2024 Autumn, 6 ноября (Online), 12-13 ноября, Санкт-Петербург - - У МТС, как и у любой большой экосистемы, среди инструментов есть несколько фреймворков. Каждый сервис этой экосистемы может использовать как один-два фреймворка, так и не использовать вовсе, например для лендингов. При этом в экосистеме есть единый сервис авторизации, сервис профиля пользователя, се...
Закрытие конференции HolyJS 2023 Autumn
Просмотров 177Месяц назад
Ближайшая конференция - HolyJS 2024 Autumn, 6 ноября (Online), 12-13 ноября, Санкт-Петербург - - Звучит последний аккорд HolyJS 2023 Autumn. За эти четыре дня мы увидели, что каждый доклад - это мелодия, каждое обсуждение - гармония идей, а каждый участник - неотъемлемая часть симфонии. Поднимаем бокалы (или клавиатуры) в честь завершения конференции и ждем будущих мелодий и гармоний в нашем сл...
Алексей Пименов - Можете взять еще задачу? А когда завершите то, что взяли?
Просмотров 1,7 тыс.Месяц назад
Ближайшая конференция - HolyJS 2024 Autumn, 6 ноября (Online), 12-13 ноября, Санкт-Петербург - - Говорим о базовых вопросах, на которые должен уметь отвечать руководитель любого уровня - от тимлида до технического директора. Разбираем механизм понимания производственной емкости и статистического планирования. #javascript #frontend
Максим Андреев, Дмитрий Шумский - Не аппом единым: какой путь может пройти мобильный сайт
Просмотров 384Месяц назад
Ближайшая конференция - HolyJS 2024 Autumn, 6 ноября (Online), 12-13 ноября, Санкт-Петербург - - Спикеры напоминают про важность вдумчивой работы с мобильными и десктопными версиями веб-приложений. Обсуждают плюсы и минусы разделения на платформы, применимые как к большим приложениям и энтерпрайзу, так и к компактным проектам. На примере проектов ВКонтакте и Юла рассказывают, какими инструмента...
Сергей Чикуёнок - В поисках идеального фреймворка
Просмотров 3,1 тыс.Месяц назад
Ближайшая конференция - HolyJS 2024 Autumn, 6 ноября (Online), 12-13 ноября, Санкт-Петербург - - Сергей решил написать свой клиентский фреймворк. Зачем ему это и чем не устраивают существующие? В докладе рассматриваем некоторые неочевидные технические и логические проблемы популярных фреймворков, которые хотелось бы исправить, чтобы улучшить удобство разработки и перфоманс. Спикер рассказывает,...
Борис Ермаченко - Экономим время пользователя с помощью буфера обмена
Просмотров 968Месяц назад
Борис Ермаченко - Экономим время пользователя с помощью буфера обмена
Валерий Лисовец - Нейросеть «Николай Иронов» - разработка дизайна логотипов с помощью JavaScript
Просмотров 552Месяц назад
Валерий Лисовец - Нейросеть «Николай Иронов» - разработка дизайна логотипов с помощью JavaScript
Николай Васильчук - Замена фона в видеозвонке
Просмотров 473Месяц назад
Николай Васильчук - Замена фона в видеозвонке
Тёма Сенюков - Опасны ли перерендеры в React и как их избежать?
Просмотров 14 тыс.Месяц назад
Тёма Сенюков - Опасны ли перерендеры в React и как их избежать?
Петр Жемчугов - Дизайн и код в гармонии
Просмотров 691Месяц назад
Петр Жемчугов - Дизайн и код в гармонии
JS: джем-сессия. Угадываем доклады разных лет
Просмотров 83Месяц назад
JS: джем-сессия. Угадываем доклады разных лет
Bun 1.0: веб-оркестр
Просмотров 1,2 тыс.Месяц назад
Bun 1.0: веб-оркестр
Александр Пономаренко - Алгоритм Дейкстры + 2D-игра = Просто
Просмотров 323Месяц назад
Александр Пономаренко - Алгоритм Дейкстры 2D-игра = Просто
Максим Земсков - Glorious Monolith: масштабируем приложение без микрофронтендов
Просмотров 721Месяц назад
Максим Земсков - Glorious Monolith: масштабируем приложение без микрофронтендов
Валерий Баранов - React Query в деле: как Яндекс Командировки уже три года живут без state-менеджера
Просмотров 4,6 тыс.Месяц назад
Валерий Баранов - React Query в деле: как Яндекс Командировки уже три года живут без state-менеджера
Георгий Бузин - Ускоряем процесс сборки и сокращаем cycle time
Просмотров 557Месяц назад
Георгий Бузин - Ускоряем процесс сборки и сокращаем cycle time
Ангелина Купцова - Код-ревью с уважением
Просмотров 1,2 тыс.Месяц назад
Ангелина Купцова - Код-ревью с уважением
Константин Сарвилов - Создание массовых звонков и трансляций с помощью WebRTC
Просмотров 606Месяц назад
Константин Сарвилов - Создание массовых звонков и трансляций с помощью WebRTC
Артём Шовкин - WebAssembly в решениях СБОЛ.про
Просмотров 374Месяц назад
Артём Шовкин - WebAssembly в решениях СБОЛ.про
Виген Мовсисян - RTL: от сложности восприятия до нюансов Unicode
Просмотров 159Месяц назад
Виген Мовсисян - RTL: от сложности восприятия до нюансов Unicode
Адам Арутюнов - «Потокус» - новая технология для создания бессмертного интерактивного эфира: часть 2
Просмотров 213Месяц назад
Адам Арутюнов - «Потокус» - новая технология для создания бессмертного интерактивного эфира: часть 2
Адам Арутюнов - «Потокус» - новая технология для создания бессмертного интерактивного эфира: часть 1
Просмотров 499Месяц назад
Адам Арутюнов - «Потокус» - новая технология для создания бессмертного интерактивного эфира: часть 1
Роман Титов - React server components
Просмотров 2,1 тыс.Месяц назад
Роман Титов - React server components
Петр Лаптев - Snip - организуй свои сниппеты
Просмотров 373Месяц назад
Петр Лаптев - Snip - организуй свои сниппеты

Комментарии

  • @iGotton
    @iGotton 11 часов назад

    +

  • @user-kc4jo6ik9z
    @user-kc4jo6ik9z День назад

    Спасибо за доклад, было очень интересно и местами непонятно 😅 (надо будет еще пересмотреть доклад) Вопрос по поводу результатов времени сборки -- в моменте, когда вы делали замеры, вы уже переехали на swc или был еще babel?

  • @atlantatesla9348
    @atlantatesla9348 2 дня назад

    Спасибо за доклад!

  • @Headliner73
    @Headliner73 2 дня назад

    Так и не понял профита от SWC( Звучит так, будто попытались оправдаться, что не просто так полгода потратили

  • @yjs_frontend
    @yjs_frontend 3 дня назад

    Нормас

  • @dzamsavisstudio4815
    @dzamsavisstudio4815 3 дня назад

    дайте гитхаб

    • @HolyJS
      @HolyJS День назад

      Здравствуйте. Ссылка на гитхаб github.com/xnimorz/browser-extensions-talk-holyjs

  • @enzocortez7758
    @enzocortez7758 3 дня назад

    Пацаны - вообще ребята! (с) За трибуной World Trade Center - смотрятся, как захватившие "Мировое Правительство" xD

  • @Atractiondj
    @Atractiondj 3 дня назад

    inert разработчики сделали конечно по-еврейски...

  • @suppick9990
    @suppick9990 4 дня назад

    Крутое выступление! С rxjs уже знаком, но было весьма интересно слушать Глеба, нашёл для себя интересные моменты, которые обязательно стану использовать в дальнейшем

  • @aleksandrkobelev8868
    @aleksandrkobelev8868 4 дня назад

    Спасибо большое за доклад. Очень круто

  • @user-cd8gg7xl3g
    @user-cd8gg7xl3g 5 дней назад

    хочется ему скорую вызвать, хоть бы сказал, что все ок

  • @user-cd8gg7xl3g
    @user-cd8gg7xl3g 5 дней назад

    отличный доклад, очень полезно!

  • @ardaktileu4481
    @ardaktileu4481 5 дней назад

    Если уменьшить scale не будет проблема с accessibility?

    • @antonnps
      @antonnps 5 дней назад

      Тут интересный момент)) На MDN пишут, что использование maximum-scale < 3 ломает accessibility. И в спецификации Web Content Accessibility Guidelines (WCAG) 2.1, на которую MDN сам же и ссылается, об этом есть пункт Success Criterion 1.4.4 Resize Text. Так что проблемы всё таки будут. Можно ещё предположить, что раз уж мы целимся на "похожесть на нативное приложение", то можно этим пренебречь, т.к. нативные приложения ведь тоже никогда не ресайзятся. Но нативные приложения как правило хотя бы реагируют на системные настройки величины шрифта. Получается, это хорошо, что PWA режим не является чем-то обязательным. Иначе с a11y было бы печально)

  • @stepanmikhailiuk4571
    @stepanmikhailiuk4571 5 дней назад

    Gradient в шапку можно добавить, если захватить все свободное пространство, добавить элемент с градиентом, сделать его размера top safe area

  • @mihuil8348
    @mihuil8348 6 дней назад

    Легкая подача с юмором, хороший обзор возможностей PWA. Спасибо!

  • @user-nf4nj3uq2u
    @user-nf4nj3uq2u 6 дней назад

    Супер подача, интересный подход «от доступных веб апи», а то ведь правда обычно начинают с манифеста.

  • @liverpoolVS
    @liverpoolVS 6 дней назад

    посмотрел чуть больше половины доклада, там всё цвета обсуждаются, очень полезный доклад, никогда бы сам не разобрался

  • @user-qx8ol8dc9l
    @user-qx8ol8dc9l 6 дней назад

    Шумиха была лет 5 назад, сейчас все спокойно.

  • @liverpoolVS
    @liverpoolVS 6 дней назад

    доклад начинается с "приходит руководитель и говорит делать PWA". после такого начала доклад должен длиться не больше минуты, потому что правильным ответом будет послать такого руководителя и, как следствие, уволиться судя по всему по такому принципу работают в сбере и, скорее всего, в других российских компаниях, поэтому я с ними давно не работаю концепции и технологии придуманы для решения проблем (бизнеса в частности), а не чтобы руководитель придумывал, чем бы еще занять сотрудников

    • @krike2315
      @krike2315 5 дней назад

      Так все правильно, pwa и решили проблемы сбера

  • @petepearl5125
    @petepearl5125 6 дней назад

    Актуально, спасибо

  • @fgdfgfvgdfgg5517
    @fgdfgfvgdfgg5517 6 дней назад

    спасибо за pwa

  • @MassEffecn
    @MassEffecn 6 дней назад

    Не понятно только что делать с авторизованными запросами и jwt. получается что это все улетает под капот фетчфункции, а там уже нужно в куку/сторедж лазть за токеном, обновлять его обычным фетчем, когда протухнет?

  • @wardxela
    @wardxela 6 дней назад

    Спасибо за доклад! Уже давно пишу на React и постоянно ищу способы "очистить" код и абстрагировать бизнес-логику от технических деталей. 13:54 - Не совсем уверен, что здесь нужен useMemo. Если есть проблемы с ререндерами, то лучше позаботиться целиком о компоненте AuthForm: либо обернуть его в memo - тогда контекст будет меняться только когда меняются пропсы, либо постараться использовать AuthForm как можно выше в дереве компонентов. Ну и конкретно этот пример с темой мне не очень понятен - как правило это реализуется через глобальный стейт. Ну и в комментариях люди правильно заметили: где же по итогу хранится логика с определением нужной комбинации компонентов? Полагаю это что то вроде компонента-фабрики, определяющей нужный вариант формы в зависимости от внешних условий. Хотелось бы увидеть вашу реализацию.

  • @iGotton
    @iGotton 7 дней назад

    +

  • @Graphouny77
    @Graphouny77 7 дней назад

    В целом большую часть знал еще с доклада из ШРИ, но про фишку с контекстом спасибо. Буду использовать)

  • @terles1265
    @terles1265 7 дней назад

    спасибо большое за видео! Кто-нибудь может подсказать книги, или форумы, на которых показывают как учить TypeScript - исключительно для gamedev-a?Я пытался найти, но безуспешно

  • @jpffinc
    @jpffinc 8 дней назад

    Спасибо, было полезно)

  • @denissavast
    @denissavast 9 дней назад

    Благодарю за отличную информацию!

  • @kotix_
    @kotix_ 11 дней назад

    да уж, на серьёзной конференции позволять такой мусорный бесполезный доклад - это зашквар

  • @tiberseptim7183
    @tiberseptim7183 11 дней назад

    Оч круто. Спасибо

  • @Cryptomoons
    @Cryptomoons 13 дней назад

    Помогите найти толковый курс или обучение по ботам и мини Ап для телеграмм

  • @CRivlaldo
    @CRivlaldo 15 дней назад

    Хороший доклад, хоть и из Яндекса

    • @user-qi8gq5wu4c
      @user-qi8gq5wu4c 11 дней назад

      В хороший доклад логотипов яндекс браузера не напихают

  • @-dubok-
    @-dubok- 17 дней назад

    Как-то всё переусложнено, в том числе и эффектор. Слишком много лишних сущностей. По-моему, достаточно только событий и функций, и всё сразу становится проще.

  • @someChicoRy
    @someChicoRy 17 дней назад

    круто

  • @-dubok-
    @-dubok- 18 дней назад

    WebPack и Babel уже прошлый век, давно пора переходить на Vite + SWC. Вот там и будет x20.

  • @kirillkirillov8973
    @kirillkirillov8973 18 дней назад

    Нормуль, интересно! Изюм люблю! :)))

  • @vladimircreator
    @vladimircreator 18 дней назад

    2:01 когда React успел стать фреймворком?

  • @mind150
    @mind150 18 дней назад

    Нормальный доклад. Все приходит с опытом. Лайк.

  • @selub1058
    @selub1058 20 дней назад

    Что такое Кинопоиск и ШРИ?? И нет, перерендеры не опасны. В отличии от электричества 220 вольт они вас точно не убьют.

  • @hihoho1578
    @hihoho1578 20 дней назад

    спасибо. отличный доклад ❤‍🔥

  • @user-it4fu8vk7y
    @user-it4fu8vk7y 20 дней назад

    Норм преза, но зачем давай название `watch` ремоут-приложению? Усложняет восприятие.

  • @user-se9cw2hb4q
    @user-se9cw2hb4q 21 день назад

    А по какой ссылке с QR-кода нужно перейти и где написать, чтобы Кинопоиск в сериалах вернул кнопку «Предыдущая серия»?

  • @gleb4059
    @gleb4059 21 день назад

    Мой мир тоже был разделён: никогда больше говно бесполезное это юзать не буду)

  • @user-os9kx6vz9j
    @user-os9kx6vz9j 21 день назад

    Спасибо! Актуальнейшая тема! Было бы интересно если будет воркшоп с небольшим практическим примером

  • @user-bn2qt4ge9x
    @user-bn2qt4ge9x 22 дня назад

    заикается по кд блять

  • @kotix_
    @kotix_ 22 дня назад

    пустая трата времени, стыд

  • @ko22012
    @ko22012 22 дня назад

    зачем effector, а не react-hook-form или formik?

  • @cherry-55
    @cherry-55 23 дня назад

    15:29 это что еще за утверждение такое, что какие-то там люди из серверной разработки принесли какие-то абривеатуры в ваш ванильненький JS? А может быть это люди с браузерной разработки решили, что логику и побольше стейта надо запихнуть в браузеры, раз уж браузеры и девейсы пользователя такие мощные, а для управления всей этой сложностью пришли к Separation Of Concerns, DRY, MVC и прочим абстракциям, удачным (как в случае с JSX), так и не совсем (о неудачных я не в курсе, думаю они есть).

  • @lonter121
    @lonter121 24 дня назад

    а где про рекурсию? таймингов по темам обсуждений нет, для кого запись? чтобы была?

    • @HolyJS
      @HolyJS 12 дней назад

      Здравствуйте! Передали пожелание по тайм-кодам коллегам 🙂

  • @-dubok-
    @-dubok- 25 дней назад

    Тема любопытная, жалко мало реального опыта перехода на bun. Это основное, что интересует - правда ли совместим, не ломается ли он и правда ли так быстр, как с Hello World. Вообще, думаю, в некоторых случаях и правда должен быть быстрее, потому что модули переписываются с JS на натив. Но это же и делает их очень сырыми и ненадёжными. Думаю, мало, кто рискнёт реальный прод туда перетаскивать, разве что какие-то пет-проекты.