Модульный CSS

Практически все современные JS-фреймворки построены вокруг изолированных UI-компонентов. С популяризацией системы модулей ES2015 мы научились разбивать фронтенд на отдельные JS-компоненты. При этом подавляющее большинство проектов продолжает использовать глобальные таблицы стилей в одном огромном файле. Но стили — это неотъемлемая часть UI-компонента. Они достойны такого же внимания, как и JS-код. CSS достоин быть модульным и иметь более удобные инструменты для разработчиков, чтобы перестать быть поводом для насмешек. Этом доклад кратко расскажет о текущих проблемах CSS для фронтенд-разработчиков и о возможных путях их решения, используя PostCSS и Webpack. Андрей расскажет, как, используя возможности JavaScript и AST, избежать большинства проблем и улучшить методы и инструменты для работы с CSS на больших проектах.


Материалы доклада:

Скачать презентацию
Андрей Оконечников

Андрей Оконечников

Андрей — frontend-инженер и UI-дизайнер родом из Ярославля (Россия), последние 8 лет живущий в Вене (Австрия). Более 10 лет он придумывает и разрабатывает пользовательские интерфейсы, используя современные веб-технологии. До этого он работал дизайнером веб-сайтов и пользовательских интерфейсов. Комбинация опыта дизайнера и разработчика помогает ему лучше понимать проблемы пользователей и находить оригинальные решения в пользовательских интерфейсах. Андрей работал с JetBrains, Яндексом, Wildbit и многими другими компаниями. Он дизайнер и один из создателей ColorSnapper — macOS приложения цветовой пипетки для разработчиков и дизайнеров. Будучи активным участником Open Source с собственными проектами react-dropzone, lint-staged, Андрей контрибьютил в React.js-core, Jest, разработал дизайн для официального сайта PostCSS и помогал с документацией для Webpack. Вместе с Ником Графом и Максом Штойбером он является со-организатором сообщества разработчиков ReactVienna в Вене. Андрей любит кататься на горных велосипедах и хороший кофе. Он — со-владелец «Kaffemik» — third-wave кафе в центре Вены.