Автоматическая виртуализация рендеринга произвольной верстки
Рендерить всё — это слишком медленно. Подстраиваться под ограничения виртуального скролла — сложно. Встречайте полностью виртуальный рендеринг, гарантирующий отзывчивость приложения независимо от размера страницы, и не требующий от прикладного разработчика дополнительных приседаний.
Tver.io
29 min
React Reconciler: как написать собственный рендерер
Ярослав Лосев
Что такое “реконсиляция” в React и какой путь проходит компонент от кода до отрисовки на экран, какие рендереры уже существуют и как написать свой собственный на примере отрисовки React-компонентов в…
CSSConf Budapest
28 min
CSS Games and Drawings in the Real World: Useful or Just Fun?
Giulia Cardieri
How did you learn CSS? The standard way is in a class, online course, or even during an internship - but what if I told you that you can learn it by making a game. Don’t believe me? Well, I conducted…
Я ❤︎ Фронтенд
43 min
Web Vitals: увидеть и оптимизировать
Артем Белов
В индустрии уже давно сформированы стандарты производительности веб-приложений — это инициатива Web Vitals. Тем не менее, это не страхует программистов от ложных путей оптимизации Performance-метрик.…
FrontendConf
65 min
_ ___ ______?
Вадим Макеев
Десять лет назад в вебе появились шрифты. Ну и как? Когда загружаются, даже красиво! И немного дорого для пользователей, конечно. И ещё дороже для клиентов. Местами дыряво, иногда криво — но это, дум…
JavaScript fwdays
64 min
HTML: The Good Parts, fwdays'20
Вадим Макеев
Html, head, title, base, link, meta, style, body, article, section, nav, aside, h1, h2, h3, h4, h5, h6, header, footer, p, address, hr, pre, blockquote, ol, ul, li, dl, dt, dd, figure, figcaption, ma…
Я ❤︎ Фронтенд
43 min
Особенности реализации брутальной дизайн-системы
Артём Арутюнян
Я расскажу историю небольшого проекта на стыке UI, UX и программирования. Как маленькая идея может поглотить десятки часов разработки и сколько удовольствия это может принести. Разберем все боли рабо…
ITeaConf
34 min
Рендеринг, Почему никто не следит за потерянными кадрами
Сергей Иванов
Современная фронтенд разработка,в частности вопрос производительности, сводится к тому, чтобы удовлетворить набор требований lighthouse или метрик Core Web Vitals. Однако почему среднестатистический …
Chrome Dev Summit
24 min
HTML isn’t done!
Nicole Sullivan, Greg Whitworth
Let’s go back in time a bit. Remember when word was out that we were going to get new HTML elements? I don’t know about you, but I was so excited. After years of building the same tabset over and ove…
Я.Субботник
50 min
От npm-скриптов до полноценной CLI. DIY гайд
Алексей Попков
Как автоматизировать работу фронтендеров и не создать ещё один бесполезный велосипед? Каждый программист в какой-то момент хочет автоматизировать свою работу скриптами. Обычно из этого получается наб…
SECON.Weekend про fromtend
84 min
Разбираемся в сортах реактивности
Дмитрий Карловский
Сравним различные подходы к реактивному программированию. Вытащим на поверхность их подводные камни. И разберём как реактивность решает или наоборот усугубляет проблемы.
HolyJS
19 min
Улучшаем качество кода React-приложения с помощью Compound Components
Александр Дунай
Скорее всего, вы сталкивались с проблемой, когда ваш React-компонент становится большим, сложным и в нем появляется куча условий. Согласитесь, такие компоненты сложно читать, ревьюить и вообще понима…
PiterJS
30 min
Почему Elm?
Максим Пацианский
Elm — это функциональный язык программирования, в котором нет runtime exceptions, зато есть очень дружественный компилятор. Рефакторинг кода на абсолютно новом уровне! Если проект собрался — значит о…
OdessaFrontend Meetup
39 min
Как правильно делать анимацию и добиться 60fps на различных девайсах
Виталий Калашников
Анимация — неотъемлемая часть любого нынешнего веб-интерфейса. Виталий Калашников рассказывает про аппаратное ускорение анимаций, как использовать вычислительную технику при создании динамического ве…
HolyJS
72 min
Cовременный бэкенд для фронтенда на Node.js
Андрей Мелихов
Современный фронтенд — это богатое клиентское приложение, оперирующее развесистым набором данных. Однако, оставаясь в парадигме архитектуры «клиент-сервер», такие приложения всё ещё требуют серверног…
Я.Субботник
43 min
Путешествие до React и обратно
Александр Нефедов
Расскажу о том, как переводил админку главной страницы с бутстрапа на Реакт, а потом на Свелт. Что есть схожего, какие вскрылись плюсы и минусы в рамках такого переписывания, и в какие получились выв…
HolyJS
43 min
Server-driven UI в вебе. Не пиши, а описывай свой фронтeнд
Виталий Полещук, Стёпа Михайлюк
Фронтенд — это огромное количество форм, представляющих собой однотипный код, который нужно писать и поддерживать для разных платформ. Нашего брата, фронтендера, порой называют обидным словом «Формаш…
Я ❤︎ Фронтенд
51 min
HTML: The Good Parts
Вадим Макеев
html, head, title, base, link, meta, style, body, article, section, nav, aside, h1, h2, h3, h4, h5, h6, header, footer, p, address, hr, pre, blockquote, ol, ul, li, dl, dt, dd, figure, figcaption, ma…
SECON.Weekend про fromtend
62 min
ElectronJS. В чем магия
Александр Руденко
Каждый когда-то слышал, что десктопные приложения можно разрабатывать с использованием web-технологий. Но как? Для чего? Именно на эти вопросы я постараюсь вам ответить и показать, насколько мощным …
Я.Субботник
65 min
Скорость веб-страниц
Данила Авдошин
Расскажу про то, как делать веб быстрым, почему нужно заниматься скоростью, как измерять скорость и покажу примеры из жизни настоящих ускорений.