Улучшаем качество кода React-приложения с помощью Compound Components
Скорее всего, вы сталкивались с проблемой, когда ваш React-компонент становится большим, сложным и в нем появляется куча условий. Согласитесь, такие компоненты сложно читать, ревьюить и вообще понимать, что там происходит. В этом докладе Александр поделится подходом написания компонентов, помогающих избежать такой ситуации — Compound Components.
Я.Субботник
43 min
Путешествие до React и обратно
Александр Нефедов
Расскажу о том, как переводил админку главной страницы с бутстрапа на Реакт, а потом на Свелт. Что есть схожего, какие вскрылись плюсы и минусы в рамках такого переписывания, и в какие получились выв…
SECON.Weekend про fromtend
84 min
Разбираемся в сортах реактивности
Дмитрий Карловский
Сравним различные подходы к реактивному программированию. Вытащим на поверхность их подводные камни. И разберём как реактивность решает или наоборот усугубляет проблемы.
Tver.io
29 min
React Reconciler: как написать собственный рендерер
Ярослав Лосев
Что такое “реконсиляция” в React и какой путь проходит компонент от кода до отрисовки на экран, какие рендереры уже существуют и как написать свой собственный на примере отрисовки React-компонентов в…
PiterJS
30 min
Почему Elm?
Максим Пацианский
Elm — это функциональный язык программирования, в котором нет runtime exceptions, зато есть очень дружественный компилятор. Рефакторинг кода на абсолютно новом уровне! Если проект собрался — значит о…
OdessaFrontend Meetup
39 min
Как правильно делать анимацию и добиться 60fps на различных девайсах
Виталий Калашников
Анимация — неотъемлемая часть любого нынешнего веб-интерфейса. Виталий Калашников рассказывает про аппаратное ускорение анимаций, как использовать вычислительную технику при создании динамического ве…
Я.Субботник
65 min
Скорость веб-страниц
Данила Авдошин
Расскажу про то, как делать веб быстрым, почему нужно заниматься скоростью, как измерять скорость и покажу примеры из жизни настоящих ускорений.
Я ❤︎ Фронтенд
43 min
Web Vitals: увидеть и оптимизировать
Артем Белов
В индустрии уже давно сформированы стандарты производительности веб-приложений — это инициатива Web Vitals. Тем не менее, это не страхует программистов от ложных путей оптимизации Performance-метрик.…
HolyJS
72 min
Cовременный бэкенд для фронтенда на Node.js
Андрей Мелихов
Современный фронтенд — это богатое клиентское приложение, оперирующее развесистым набором данных. Однако, оставаясь в парадигме архитектуры «клиент-сервер», такие приложения всё ещё требуют серверног…
HolyJS
75 min
Автоматическая виртуализация рендеринга произвольной верстки
Дмитрий Карловский
Рендерить всё — это слишком медленно. Подстраиваться под ограничения виртуального скролла — сложно. Встречайте полностью виртуальный рендеринг, гарантирующий отзывчивость приложения независимо от ра…
YaTalks
63 min
Когда документация — просто космос
Наталья Теплхина, Дэн Абрамов, Алена Батицкая
Вы написали библиотеку. Но чтобы ей начали пользоваться, к ней должна прилагаться хорошая и понятная документация. Как её писать? Что делать, если нужна многоязычность? Как создать понятную навигацию…
Я ❤︎ Фронтенд
43 min
WebAssembly и веб на TypeScript
Александр Коротаев
Многих останавливает разработка на WASM, потому что придётся учить С или Rust, популярные в WASM-сообществе, но есть решение — AssemblyScript. Он позволяет писать на TypeScript и компилировать бинарн…
HolyJS
43 min
Server-driven UI в вебе. Не пиши, а описывай свой фронтeнд
Виталий Полещук, Стёпа Михайлюк
Фронтенд — это огромное количество форм, представляющих собой однотипный код, который нужно писать и поддерживать для разных платформ. Нашего брата, фронтендера, порой называют обидным словом «Формаш…
Я ❤︎ Фронтенд
44 min
Копаемся под капотом браузера: как работает event loop и compositing
Сергей Чикуёнок
Сейчас, в эпоху клиентских фреймворков, мало кто задумывается, как работают привычные нам вещи в браузере, вроде событий или анимаций. Мы часто следуем „лучшим практикам“ и не задумываемся, почему он…
React Advanced
41 min
Keynote: Performance is magic
Ken Wheeler
This talk will explore strategies for fixing performance issues in your apps when they arise. We will look at how we can make our React apps “Blazing” fast, and when it’s time to bail out of React in…
React Advanced
33 min
React (with Hooks) from Scratch
Shawn Wang
In this talk, we’ll create an effective mental model of React Hooks by building a tiny clone of React! This will serve two purposes – to demonstrate the effective use of closures, and to show how you…
Я ❤︎ Фронтенд
43 min
Особенности реализации брутальной дизайн-системы
Артём Арутюнян
Я расскажу историю небольшого проекта на стыке UI, UX и программирования. Как маленькая идея может поглотить десятки часов разработки и сколько удовольствия это может принести. Разберем все боли рабо…
React Advanced
28 min
Visual Feature Engineering for Machine Learning with React
Olga Petrova
Tensorflow.js brought Machine Learning to Javascript that gives a wide range of possibilities. Now it is possible to build, train and use ML models directly in browser. But the efficiency of ML model…
React Advanced
20 min
A More Readable React Codebase Using TypeScript, GraphQL, and Hooks
Emma Brillhart
We’ve all looked at a chunk of code and had no idea what it does - only to realize that we were the ones who wrote it, six or so months ago. If we can’t read our own code after a few months, how can …
Nordic.js
24 min
Localization: Implementation and Testing... Locally
Isabela Moreira
So you have a product and are planning to ship to a global audience. But you’re still using dun dun dun hard coded English strings! In this talk, you’ll learn how to set up the infrastructure for loc…