Однажды я заметил, насколько близко структура пользовательского интерфейса функции соответствует JSON конечной точки API. Я мгновенно представил себе инструмент, в который я мог бы вставить JSON и заставить его автоматически создавать шаблоны, такие как компонент Items, сопоставляющий массив элементов со списком компонентов Item.
Пару месяцев назад вспомнил об этой идее. Чем больше я думал об этом, тем больше это казалось интригующим. В то время я не понимал, что это класс задач, которые легко представить, но не так просто разработать. Без планирования я начал разработку редактора, который понимает React.
Аперитив верен оригинальной задумке. Он использует образец JSON, чтобы помочь вам начать писать приложение или функцию:
Умный шаблон
Затем Aperitif инициализируется с помощью некоторого шаблона на основе предоставленных вами данных.
Перетащить и отпустить
Но есть приятное отличие от этого редактора - у него есть интерфейс перетаскивания! Создание нового компонента с опорой - это всего лишь одно перетаскивание.
Переименование компонентов очень просто
И вы можете переименовать компонент везде и где угодно.
Пример всплывающих подсказок о значениях для реквизита
Изучите и узнайте о данных API в контексте с помощью всплывающих подсказок для примеров.
Переключает
Переключайтесь между компонентами функций и классов или изменяйте предпочтения точки с запятой одним нажатием кнопки.
Авто-импорт
Не беспокойтесь об импорте, в аперитиве все предусмотрено.
Предварительный просмотр в реальном времени
Добавляйте стили и просматривайте изменения в реальном времени.
Экспорт и загрузка
Наконец, когда у вас достаточно слюны, экспортируйте в StackBlitz или загрузите в виде zip-архива, а затем переходите к основному процессу редактирования в обычном редакторе.
Аперитив понимает React
За кулисами Aperitif моделирует код и отслеживает отношения между сущностями React. Например, если и только если опора передана компоненту, тогда она существует в этом определении компонента. Если последний использованный компонент удаляется, его определение (и файлы с этим определением) удаляются вместе с ним. Конечно, для этого нужно быть достаточно самоуверенным, поэтому есть свои особенности, но в целом подобное кодирование может быть забавным.
Открыт для сообщества
Я настоятельно рекомендую писать статьи для этого редактора. Приходите поиграть, поделитесь своим мнением и задайте вопросы - я буду счастлив ответить на них как можно лучше! Репозиторий доступен здесь, сообщество спектра здесь, и вы можете твитнуть меня или AperitifEditor. Кроме того, всегда приветствуются аплодисменты и подписки на медиумах! :).
Зайдите в https://aperitif.netlify.com/ - в сам редактор.
