Вопросы React Frontend Developer

Build pipeline — это набор автоматизированных шагов, через которые проходит код перед развертыванием. Он включает сборку, тестирование и подготовку к развертыванию, гарантируя, что только рабочий код попадёт в продакшн

Build — это процесс преобразования исходного кода в исполняемый файл.

Release — это развертывание собранного кода в продакшн.

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

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