Как заменять компонент через удаление

Обложка
Обложка

Бывают случаи когда в библиотеке необходимо изменить компонент и вы прекрасно понимание что данное изменение приведет к сбросу всех состояний и данных в компонентах у других дизайнеров. К примеру после вашего обновления слетят текстовые данные в кнопках, кнопки перейдут в состояние default и тп. За это вам спасибо никто не скажет и вы получите одни возмущения, так как придется идти и восстанавливать все данные. Вот в таких случая вам поможет данная инструкция, что бы решить это меньшей болью.

Пример
Пример

Как выполнять замену

  • Делаем копию компонента;
  • Старый компонент переименовываем в «🔴 Устарел, требуется свап или замена» + добавляем ссылку на новый компонент, что бы дизайнерам было проще найти его (точку перед неймингом ставить нельзя так как он сразу скроется без переименования дочерних компонентов);
  • Тоже самое пишем в description старого компонента + какой нейминг был у старого компонента;
  • Далее выливаем библиотеку, что бы всем прилетел апдейт компонента;
  • После к неймингу приписываем точку «.🔴 Устарел, требуется свап или замена» что бы он скрылся из публикации и стал недоступным;
  • Далее снова выливаем библиотеку;
  • После чего удаляем старый компонент и помещаем на его место новый за ранее отредактированный как вам надо;
  • Не забываем оповестить дизайнеров (Текст: 🔴 [имя компонента] устарел, требуется свап или замена, потому что: [описание из библиотеки]);

Как выполнить замену через бранч

  • Создаем бранч;
  • Делаем все тоже самое только до 4го пункта выше;
  • Потом опубликовываем бранч;
  • Начиная с 4го пункта продолжаем делать все тоже самое;

Итог

Как итог Вы сделали обновление компонента как вам надо, у дизайнеров не слетели данные с текстовых слоев, не изменились состояния и все рады. Единственный минус этого способа, нужно обновить старый компонент в ручную с помощью свапа или замены.

🚀 Подписывайтесь, чтобы узнать то, чего не знают другие! Уникальные инсайты и редкие темы для вашего роста и вдохновения! 💡

7 комментариев

Можно же просто добавить свойства
Кнопка виде стрелочки в повернутый квадрат

Слишком сложно как для дизайнеров, так и не очевидно для новеньких. А в моем случае у тебя просто исчезает компонент. Простой путь не всегда самый лучший.