Трое сотрудников React Lab размышляли, есть ли простой способ запустить приложение React, и они придумали настольное приложение под названием React Primer. Я предполагаю, что по крайней мере один из участников был на строительстве или в каком-то бизнесе, связанном с краской, потому что логотип заставляет меня думать о Home Depot. Хорошо, возможно, они не имеют никакого отношения к рисованию, но логотип, безусловно, является умным описанием того, что это за приложение.

Приложение React может быть чрезвычайно сложным, но это приложение значительно упрощает работу! Вы просто вводите имена компонентов и перетаскиваете их к родительскому объекту, который вы имеете в виду. Когда у вас есть дерево компонентов, вы можете нажать большую кнопку «Сохранить», чтобы сохранить проект, или еще большую кнопку «Экспорт», чтобы экспортировать папку компонентов. Это приложение настолько интуитивно понятно!

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

Как и в случае с началом покраски с помощью грунтовки, React Primer кажется хорошим способом нанести этот первый слой до того, как будут приняты какие-либо важные дизайнерские решения. Процесс невероятно прост. Приложение во многом упрощает процесс создания прототипа, но я чувствовал, что в него можно добавить больше функций. Создатели отметили, что будут добавлены такие функции, как Redux, поэтому мы с нетерпением ждем обновлений в этом приложении. React Primer доступен для Mac, Windows и Linux. Приложение можно загрузить с http://react-primer.com/ или выполнить форк и клонирование прямо с https://github.com/ReactPrimer/ReactPrimer/.