Два месяца назад я выпустил Cosmos Next и показал вам будущее. Отзывы были положительными, и пора двигаться дальше. Сегодня мы добавляем несколько новых функций, которые сделают новую платформу Cosmos еще более привлекательной!
Файлы с несколькими приборами
Использование файловой системы для организации светильников - торговая марка Cosmos. Мы уже систематизируем наши файлы, так зачем создавать дополнительную структуру для их просмотра? Это оказалось эффективной стратегией с одним недостатком: создание дополнительного файла для каждого прибора может повторяться, особенно для простых компонентов.
Угадайте, что? Теперь вы можете поместить несколько приборов в один файл. Более того, экспорт карты приборов дает вам больше контроля над названиями приборов.
Синхронизированные удаленные рендереры
Вы когда-нибудь мечтали запустить компонент (или все приложение) в нескольких браузерах или устройствах одновременно? У меня есть, и теперь мы оба можем это сделать!
- Нажмите новую кнопку
remote, чтобы скопировать URL-адрес средства визуализации. - Вставьте его в другой браузер на свой компьютер или в другое место, если ваш сервер разработки работает по сети.
- Вуаля! Все рендереры перезагружаются и синхронизируются.
Мок Redux
Cosmos Next представил новый синтаксис декоратора для добавления дополнительных функций . API декоратора - преемник прокси - великолепен, но нам нужно повторно реализовать существующие прокси, прежде чем каждый сможет выполнить обновление.
Начиная с самого популярного прокси Cosmos, теперь у нас есть макет-декоратор Redux для фикстур JSX. Для начала ознакомьтесь с react-cosmos-redux.
Интересные факты о макете Redux: он синхронизирует состояние Redux между несколькими удаленными модулями рендеринга и написан на хуках, так что вы можете найти исходный код интересным.
Макет области просмотра
Возможно, вы уже знакомы с адаптивным режимом Cosmos: возможность загружать компоненты при различных разрешениях экрана. Теперь вы можете встроить определенное разрешение для каждого прибора, чтобы быстро вернуться к нему позже.
Кнопка редактирования прибора
Эта функция - всего лишь бонус, глазурь на торте Cosmos 4.8, если хотите. Он не связан напрямую с планом развития Cosmos Next, но имеет личную предысторию.
Мой приятель Ксавье Казало и я впервые взломали эту функцию 19 месяцев назад в Берлине, где я в то время останавливался, во время веселого сеанса парного программирования поздно вечером. Мы получили удовольствие, но эта функция так и не вошла в дорожную карту. Тем не менее, я спрятал прототип в файл патча и хранил его на протяжении многих лет, надеясь, что когда-нибудь он увидит свет ...
Этот день настал!
Крошечная функция, которую ждали почти два года, чтобы воплотиться в жизнь: Откройте выбранный прибор в редакторе одним щелчком мыши.
Как ты можешь помочь?
Мы находимся в нескольких шагах от надлежащей документации Cosmos Next. И я нахожусь в глубоких окопах разработки, поэтому пока трудно делиться основными задачами с другими людьми. Однако есть много способов помочь:
- Порт прокси в декораторы Cosmos Next. Начните с личного репо, и мы могли бы добавить его в организацию Cosmos позже (одна из прошлых ошибок, которых я хотел бы избежать, - это размещение слишком большого количества материала в монорепозитории Cosmos).
- Создавайте модификации кода фикстуры. Критическое изменение так же хорошо, как и опыт его обновления. Я все еще сосредотачиваюсь на паритете функций и фундаментальной работе, так что было бы очень полезно, если бы вы работали над преобразованиями обновления приспособлений!
- Используйте Cosmos Next и оставьте отзыв. Пожалуй, самый полезный из всех. Моя цель в этом редизайне - устранить препятствия и упростить использование Cosmos для всех разработчиков React. Я могу попробовать, но без вашего отзыва у меня нет шансов!
СЛЕДУЮЩЕЕ руководство - хорошее место для начала.
Пользователям и участникам Cosmos: спасибо, я ценю вашу поддержку! ❤️
