Почему 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-шаблоне!
