__wf_reserved_heredar
__wf_reserved_heredar
__wf_reserved_heredar
¿Qué hay de nuevo?
Producto
¿Quién usa Directual?
Qué se puede construir en Directual
Aprenda Directual
¿Por qué Directual?
Recursos
Jurídico
Empresa

Directual and React

React nowadays is the most popular JS-library for building user interfaces. Directual matches React perfectly, providing flexible and scalable backend. This post is an introduction for the future series concerning building complex apps on a full-stack combination of Directual and React.

Why React is so Popular?

React is an open-source JavaScript library for developing user interfaces. It was delivered by Facebook engineering team and nowadays such companies as PayPal, Uber and Netflix use React.

Let’s have a look at the figure from Stateofjs 2019 research:

Stateofjs.com survey

React has attracted quite an army of fans (~150k stars on GitHub). Most of them are loyal—71.7% of all the web-developers have used React and would use it again. Let’s figure out why:

  • Clean and readable code. Reusable components allow developers to build complex UI, keeping the flexibility.
  • Easy to learn. A JS-dev can became a React-dev in a few hours.
  • Outstanding rendering performance. React introduced Virtual DOM, that minimised re-render processes.
  • React Native. The same codebase for crafting iOS and Android apps.

Perfect Combination

Indeed, React seems to be the right choice to create an app with sophisticated UI keeping the best possible performance. But any app (if it’s more than a landing-page) needs a backend part too!

And here we are! Directual covers all the needs in backend development:

  • Database. Scalable NoSQL cloud-hosted database with clean UI for setting it up.
  • Authentication. Full Role-based Access Control (RBAC) plus built-in Google authentication.
  • API-methods. These are the ‘gates’ between UI and backend;
  • Backend logic. It includes data transforming, calculations and real-time actions.
  • Integrations. An app hardly lives in a vacuum.

One might say that there are some JS-frameworks for setting up a backend as well. Yes, there are. That is why Directual turns out to be much better:

  • Outstanding flexibility and speed of development. Directual is a low-code platform. That means that you apply high-level building blocks in a visual manner. Most of routine work is performed under the hood.
  • No infrastructure headache. Directual is built on AWS-cloud infrastructure and scales automatically.
  • Built-in RBAC and Security. Authenticate your users simply and securely. Visual API-builder allows you to configure new methods in minutes.
  • Powerful scenarios. Directual scenarios include tools for data transforming, integrating, reporting and document generating. You don’t have to code for it!
  • Easy to learn. Directual visual approach is comprehensible even for non-developers. Video tutorials are available in Directual Academy.

Open-source Boilerplate-project for React

We prepared boilerplate-code for ReactJS. You can investigate its code on GitHub (it uses React hooks). Feel free to use this boilerplate in your projects, it is open source.

There are following pieces of functionality which could help you to get up and running quickly:

  • Connecting to Directual API and setting up middle-proxy (explore files auth.js and setupProxy.js)
  • Routing based on RBAC (file App.js and MainMenu component)
  • Authentication (LoginRegister component)
  • Components that get data from Directual (Cards component, for example)
  • Forms that post data to Directual (Form component)

These pieces of functionality are reusable for any React template as well!

FAQ

What is ReactJS?
What is ReactJS?

React, or ReactJS, is a free and open-source frontend JavaScript library for building user interfaces based on components.

What is front-end?
What is front-end?

Typically, frontend is a graphical user interface of a website that allows users to view and interact with the website or with the mobile app.

What is JavaScript?
What is JavaScript?

JavaScript, often abbreviated JS, is a popular programming language, often used for developing web-apps.

Can I use no-code and ReactJS in tandem?
Can I use no-code and ReactJS in tandem?

Yes, you can. Directual and React are a perfect match. React is a great choice for building the frontend, while Directual is perfect for handling the backend.

Featured blog posts

Подробное руководство по продуктивности для no-code разработчиков

Откажитесь от бесполезных показателей производительности и стимулируйте энтузиазм разработчиков и реальные результаты! 🚀 Узнайте, как повысить эффективность команды и уменьшить стресс.

October 25, 2024
by
Павел Ершов

Полное руководство по no-code системам управления инцидентами

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

Low-code против No-code: Кто победитель?

Откажитесь от кода и присоединяйтесь к революции low-code/no-code! Получите возможность быстрой разработки приложений, автоматизации процессов и инноваций, не прилагая особых усилий (и не превышая бюджет). Перетаскивание, создание и возможность удивлять с помощью простого способа создания кастомных приложений.

Сертификация Directual: Станьте официальным экспертом и предлагайте услуги на платформе

Нанимайте разработчиков для реализации своих проектов и предлагайте собственные услуги для реализации чужих! Все это прямо в Directual. Заходите, чтобы узнать больше.

September 21, 2024
by
Павел Ершов

Чат-боты WhatsApp для бизнеса: Практическое руководство на 2024 год

WhatsApp — это поле битвы за привлечение клиентов. Изучите реальные истории успеха, узнайте, как создать свой собственный чатбот, и оставайтесь в курсе перспективных тенденций.

Топ-20 инструментов для создания чат-ботов с искусственным интеллектом для мира no-code

ИИ чат-боты! Узнайте, кто в тренде, кто нет, и как создать своего собственного помощника с ИИ, чтобы добиться максимальной продуктивности с no-code.

Готовы создать
приложение своей мечты?

Присоединяйтесь к 22 000+ разработчикам на Directual и создавайте проекты быстрее и дешевле. Визуальный интерфейс упрощает разработку, а мощные базы данных и бэкенд делают масштабирование легким и эффективным.