BlockBook: проект для разработки, тестирования и вывода блоков

Риад Бенгелла выпустил BlockBook – проект, предлагающий разработчикам пересмотреть свои подходы к разработке блоков. Это среда разработки, которая дает возможность изолированно взаимодействовать с блоками (за пределами WordPress). Разработчики могут просматривать свойства отдельных блоков, а также тестировать выходные данные блоков из имеющейся библиотеки.

BlockBook поставляется в виде пакета npm. Разработчики могут внести свой вклад через репозиторий GitHub.

Риад скопировал идею для проекта у Storybook, open source инструмента для изолированной разработки компонентов UI на базе React, Vue, Angular и других JavaScript-библиотек. Эта среда позволяет поднять эффективность разработки и тестирования отдельных компонентов. Пользователи могут протестировать все компоненты до того, как они будут добавлены в проект. Цель BlockBook – создать аналогичную систему для разработки блоков WordPress.

«Блоки – это модули многократного использования, которые могут существовать вне какого-либо контекста, их можно визуально редактировать, они формируют свою разметку», — рассказал Риад в анонсе. – «У них много общего с компонентами React. Это супермощные компоненты React».

Риад полагает, что BlockBook сможет решить многие проблемы, связанные с разработкой блоков; проект берет принципы приложения Storybook и применяет их к среде, специально созданной для тестирования, разработки, документирования и совместного использования блоков.

Риад добавил демо-версию на GitHub. Разработчики могут сделать то же самое с помощью своих плагинов или просто разместить аналогичные примеры в виде статичных сайтов на своем сервере.

В своем посте Риад описал три проблемы, с которыми позволяет справиться его решение. Первая проблема, наиболее очевидная для всех тех, кто углублялся в разработку блоков – неудобства создания блоков в среде WordPress. Это утомительный, неэффективный процесс. Изолировав код блока, разработчики смогут быстрее вносить изменения в него.

Вторая проблема – сложности с тестированием темы. Если разработчик имеет одну-две темы, то в таком случае тестирование стилизации блоков является относительно простым. Однако если тем много, разработчикам гораздо сложнее понять, как ведут себя отдельные блоки в каждой теме. BlockBook позволяет разработчикам регистрировать любое количество тем. Необходимо лишь добавить несколько строк кода и привязать соответствующую таблицу стилей. Затем можно будет переключаться по темам, выбирая их в выпадающем списке, и перемещаться по отдельным блокам. Все это происходит почти мгновенно.

Третья проблема касается конечных пользователей. В настоящее время пользователи не могут нормально протестировать блоки без установки плагинов. BlockBook позволяет сразу же протестировать требуемый блок – причем даже без установки плагина в админке WP.

Однако пока что все функционирует не так эффективно, как хотелось бы Риаду. Все будет зависеть от отдельных разработчиков. В долгосрочной перспективе Риад хочет сделать этот пакет официальным для WordPress. Это позволит автоматически создавать и размещать BlockBook для плагинов и тем, что даст возможность протестировать блоки перед установкой.

Если бы этот проект был официально реализован в WordPress, он смог бы решить массу проблем для пользователей.

Источник: wptavern.com

Блог про WordPress
Добавить комментарий

Получать новые комментарии по электронной почте.