Разрабатывайте, тестируйте и демонстрируйте блоки в изоляции с помощью BlockBook

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

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

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

«Если немного подумать, блоки – это многоразовые блоки, которые могут существовать сами по себе вне любого контекста, их можно редактировать визуально, и они создают разметку», – написал Бенгелла в сообщении с объявлением. «На самом деле у них много общего с React Components. Это сверхмощные компоненты React ».

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

У Benguella есть полная демонстрация, доступная на странице GitHub. Разработчики могут сделать то же самое со своими плагинами или просто разместить его как статический сайт на своем собственном сервере.

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

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

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

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

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