Вопросы React Frontend Developer

Vanilla Extract — это инструмент для написания CSS с помощью TypeScript, который генерирует обычный CSS на этапе сборки. В отличие от классического CSS-in-JS, стили не создаются в рантайме и не требуют выполнения JS в браузере. Это даёт лучшую производительность и типизацию, но меньше гибкости для динамических стилей. По сути, это “типизированный CSS”, а не стили, живущие в JS во время выполнения.

Build-time CSS генерируется во время сборки и доставляется браузеру как обычные CSS-файлы. Это быстрее, потому что браузеру не нужно выполнять JS для создания стилей. Такой подход уменьшает размер JS-бандла и улучшает время первого рендера. Runtime-CSS даёт больше гибкости, но платит за это производительностью.

Проблема решается через явную валидацию данных во время выполнения. Обычно используют схемы валидации или ручные проверки. TypeScript-типы дополняются runtime-проверками, чтобы убедиться, что данные соответствуют ожиданиям. Также помогают единые контракты между сервером и клиентом. Это снижает количество скрытых ошибок.