Directual и React

Почему React так популярен?

React — это библиотека JavaScript с открытым исходным кодом для разработки пользовательских интерфейсов. Она была создана инженерной командой Facebook^*, и сегодня такие компании, как PayPal, Uber и Netflix, используют React.

Давайте взглянем на данные из исследования Stateofjs 2019:

Опрос Stateofjs.com

React привлёк целую армию поклонников (~150 тыс. звёзд на GitHub). Большинство из них лояльны — 71,7% всех веб-разработчиков уже использовали React и готовы использовать его снова. Давайте разберёмся, почему:

• Чистый и читаемый код. Переиспользуемые компоненты позволяют разработчикам создавать сложный UI, сохраняя гибкость.
• Легко изучить. JS-разработчик может стать React-разработчиком за несколько часов.
• Выдающаяся производительность рендеринга. React представил Virtual DOM, что минимизировало процессы повторного рендеринга.
• React Native. Единая кодовая база для создания приложений под iOS и Android.

Идеальное сочетание

Действительно, React кажется правильным выбором для создания приложения со сложным UI при сохранении наилучшей возможной производительности. Но любому приложению (если это больше, чем просто лендинг) нужна ещё и backend-часть!

И вот тут на сцену выходит Directual! Он полностью закрывает все потребности в разработке backend:

• База данных. Масштабируемая NoSQL база данных в облаке с понятным интерфейсом для её настройки.
• Аутентификация. Полноценный контроль доступа на основе ролей (RBAC) плюс встроенная аутентификация Google.
• API-методы. Это «ворота» между UI и backend;
• Backend-логика. Включает преобразование данных, вычисления и действия в реальном времени.
• Интеграции. Приложение вряд ли живёт в вакууме.

Можно возразить, что существуют и JS-фреймворки для настройки backend. Да, существуют. Но именно поэтому Directual оказывается намного лучше:

• Выдающиеся гибкость и скорость разработки. Directual — это low-code платформа. Это означает, что вы применяете высокоуровневые строительные блоки визуальным способом. Большая часть рутинной работы выполняется «под капотом».
• Никакой головной боли с инфраструктурой. Directual построен на облачной инфраструктуре AWS и масштабируется автоматически.
• Встроенные RBAC и безопасность. Аутентифицируйте пользователей просто и безопасно. Визуальный конструктор API позволяет настраивать новые методы за считаные минуты.
• Мощные сценарии. Сценарии Directual включают инструменты для преобразования данных, интеграций, построения отчётов и генерации документов. Вам не придётся писать код для этого!
• Легко изучить. Визуальный подход Directual понятен даже нетехническим специалистам. Видеоуроки доступны в Академии Directual.

Открытый шаблон-заготовка проекта для React

Мы подготовили шаблонный код (boilerplate) для ReactJS. Вы можете изучить его код на GitHub (он использует React hooks). Свободно используйте этот шаблон в своих проектах — он с открытым исходным кодом.

Вот некоторые части функциональности, которые помогут вам быстро начать работу:

• Подключение к API Directual и настройка промежуточного прокси (изучите файлы auth.js и setupProxy.js)
• Маршрутизация на основе RBAC (файл App.js и компонент MainMenu)
• Аутентификация (компонент LoginRegister)
• Компоненты, получающие данные от Directual (например, компонент Cards)
• Формы, отправляющие данные в Directual (компонент Form)

Эти части функциональности также можно переиспользовать в любом другом React-шаблоне!

‍

* Facebook и Instagram принадлежат Meta Platforms Inc., признанной экстремистской организацией; её деятельность запрещена на территории Российской Федерации.