Автоматическая виртуализация рендеринга произвольной верстки
Рендерить всё — это слишком медленно. Подстраиваться под ограничения виртуального скролла — сложно. Встречайте полностью виртуальный рендеринг, гарантирующий отзывчивость приложения независимо от размера страницы, и не требующий от прикладного разработчика дополнительных приседаний.
Tver.io
29 min
React Reconciler: как написать собственный рендерер
Ярослав Лосев
Что такое “реконсиляция” в React и какой путь проходит компонент от кода до отрисовки на экран, какие рендереры уже существуют и как написать свой собственный на примере отрисовки React-компонентов в…
Я.Субботник
65 min
Скорость веб-страниц
Данила Авдошин
Расскажу про то, как делать веб быстрым, почему нужно заниматься скоростью, как измерять скорость и покажу примеры из жизни настоящих ускорений.
Я ❤︎ Фронтенд
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…
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…
ITeaConf
34 min
Рендеринг, Почему никто не следит за потерянными кадрами
Сергей Иванов
Современная фронтенд разработка,в частности вопрос производительности, сводится к тому, чтобы удовлетворить набор требований lighthouse или метрик Core Web Vitals. Однако почему среднестатистический …
Я ❤︎ Фронтенд
44 min
Копаемся под капотом браузера: как работает event loop и compositing
Сергей Чикуёнок
Сейчас, в эпоху клиентских фреймворков, мало кто задумывается, как работают привычные нам вещи в браузере, вроде событий или анимаций. Мы часто следуем „лучшим практикам“ и не задумываемся, почему он…
Я ❤︎ Фронтенд
43 min
WebAssembly и веб на TypeScript
Александр Коротаев
Многих останавливает разработка на WASM, потому что придётся учить С или Rust, популярные в WASM-сообществе, но есть решение — AssemblyScript. Он позволяет писать на TypeScript и компилировать бинарн…
SECON.Weekend про fromtend
84 min
Разбираемся в сортах реактивности
Дмитрий Карловский
Сравним различные подходы к реактивному программированию. Вытащим на поверхность их подводные камни. И разберём как реактивность решает или наоборот усугубляет проблемы.
HolyJS
43 min
Server-driven UI в вебе. Не пиши, а описывай свой фронтeнд
Виталий Полещук, Стёпа Михайлюк
Фронтенд — это огромное количество форм, представляющих собой однотипный код, который нужно писать и поддерживать для разных платформ. Нашего брата, фронтендера, порой называют обидным словом «Формаш…
HolyJS
19 min
Улучшаем качество кода React-приложения с помощью Compound Components
Александр Дунай
Скорее всего, вы сталкивались с проблемой, когда ваш React-компонент становится большим, сложным и в нем появляется куча условий. Согласитесь, такие компоненты сложно читать, ревьюить и вообще понима…
PiterJS
30 min
Почему Elm?
Максим Пацианский
Elm — это функциональный язык программирования, в котором нет runtime exceptions, зато есть очень дружественный компилятор. Рефакторинг кода на абсолютно новом уровне! Если проект собрался — значит о…
OdessaFrontend Meetup
39 min
Как правильно делать анимацию и добиться 60fps на различных девайсах
Виталий Калашников
Анимация — неотъемлемая часть любого нынешнего веб-интерфейса. Виталий Калашников рассказывает про аппаратное ускорение анимаций, как использовать вычислительную технику при создании динамического ве…
Я.Субботник
50 min
От npm-скриптов до полноценной CLI. DIY гайд
Алексей Попков
Как автоматизировать работу фронтендеров и не создать ещё один бесполезный велосипед? Каждый программист в какой-то момент хочет автоматизировать свою работу скриптами. Обычно из этого получается наб…
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…
HolyJS
72 min
Cовременный бэкенд для фронтенда на Node.js
Андрей Мелихов
Современный фронтенд — это богатое клиентское приложение, оперирующее развесистым набором данных. Однако, оставаясь в парадигме архитектуры «клиент-сервер», такие приложения всё ещё требуют серверног…
Я ❤︎ Фронтенд
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-технологий. Но как? Для чего? Именно на эти вопросы я постараюсь вам ответить и показать, насколько мощным …