Архитектура фронтенда
Design-токены: обзор на припоминание
Припоминание сильнее перечитывания. На каждый промпт скажите или запишите полный ответ по памяти, прежде чем открыть модельный — именно усилие припоминания закрепляет материал.
Восстановите хребет юнита — что именно называет токен, зачем нужны три тира, как работают тематизация и пайплайн и как возвращается drift — не заглядывая в урок.
- 01Что на самом деле называет design token и почему алиасинг hex в имя сам по себе недостаточен?
- 02Опишите три тира и укажите, на какой из них компоненту разрешено ссылаться.
- 03Как dark mode перекрашивает все компоненты в вебе без JavaScript?
- 04Как один токен оказывается корректным на web, iOS и Android без копирования значений руками?
- 05Команда выкатывает токены, а через недели захардкоженный hex снова появляется в новых компонентах. Почему и в чём устойчивый фикс?
- 06Когда три тира и полный пайплайн оправданы, а когда это over-engineering?
Если вы смогли восстановить каждый ответ по памяти, у вас есть хребет юнита: токен называет решение, чтобы intent жил в одном месте; три тира существуют, чтобы компоненты ссылались на смысл, а не на палитру; каскад бесплатно тематизирует dark mode, когда компоненты читают semantic; один DTCG-источник генерирует корректные платформенные выходы через transforms; drift возвращается без lint-гейта; и тиры с пайплайном размеряются под число таргетов, которые вы реально поставляете.