Please enable JavaScript to use this page!

AllTalks site logo
🍔

Автоматическая виртуализация рендеринга произвольной верстки

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


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-технологий. Но как? Для чего? Именно на эти вопросы я постараюсь вам ответить и показать, насколько мощным …