Рендерить всё — это слишком медленно. Подстраиваться под ограничения виртуального скролла — сложно. Встречайте полностью виртуальный рендеринг, гарантирующий отзывчивость приложения независимо от размера страницы, и не требующий от прикладного разработчика дополнительных приседаний.
Что такое “реконсиляция” в React и какой путь проходит компонент от кода до отрисовки на экран, какие рендереры уже существуют и как написать свой собственный на примере отрисовки React-компонентов в…
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…
В индустрии уже давно сформированы стандарты производительности веб-приложений — это инициатива Web Vitals. Тем не менее, это не страхует программистов от ложных путей оптимизации Performance-метрик.…
Десять лет назад в вебе появились шрифты. Ну и как? Когда загружаются, даже красиво! И немного дорого для пользователей, конечно. И ещё дороже для клиентов. Местами дыряво, иногда криво — но это, дум…
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…
Я расскажу историю небольшого проекта на стыке UI, UX и программирования. Как маленькая идея может поглотить десятки часов разработки и сколько удовольствия это может принести. Разберем все боли рабо…
Современная фронтенд разработка,в частности вопрос производительности, сводится к тому, чтобы удовлетворить набор требований lighthouse или метрик Core Web Vitals. Однако почему среднестатистический …
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…
Как автоматизировать работу фронтендеров и не создать ещё один бесполезный велосипед? Каждый программист в какой-то момент хочет автоматизировать свою работу скриптами. Обычно из этого получается наб…
Сравним различные подходы к реактивному программированию. Вытащим на поверхность их подводные камни. И разберём как реактивность решает или наоборот усугубляет проблемы.
Скорее всего, вы сталкивались с проблемой, когда ваш React-компонент становится большим, сложным и в нем появляется куча условий. Согласитесь, такие компоненты сложно читать, ревьюить и вообще понима…
Elm — это функциональный язык программирования, в котором нет runtime exceptions, зато есть очень дружественный компилятор. Рефакторинг кода на абсолютно новом уровне! Если проект собрался — значит о…
Анимация — неотъемлемая часть любого нынешнего веб-интерфейса. Виталий Калашников рассказывает про аппаратное ускорение анимаций, как использовать вычислительную технику при создании динамического ве…
Современный фронтенд — это богатое клиентское приложение, оперирующее развесистым набором данных. Однако, оставаясь в парадигме архитектуры «клиент-сервер», такие приложения всё ещё требуют серверног…
Расскажу о том, как переводил админку главной страницы с бутстрапа на Реакт, а потом на Свелт. Что есть схожего, какие вскрылись плюсы и минусы в рамках такого переписывания, и в какие получились выв…
Фронтенд — это огромное количество форм, представляющих собой однотипный код, который нужно писать и поддерживать для разных платформ. Нашего брата, фронтендера, порой называют обидным словом «Формаш…
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…
Каждый когда-то слышал, что десктопные приложения можно разрабатывать с использованием web-технологий. Но как? Для чего? Именно на эти вопросы я постараюсь вам ответить и показать, насколько мощным …
Расскажу про то, как делать веб быстрым, почему нужно заниматься скоростью, как измерять скорость и покажу примеры из жизни настоящих ускорений.