Skip to main content

Low-code Empowers Developers

· 2 min read
Jozef Slezak

Iteria Low-code is a React/GraphQL devtool or Internal App Builder currently supporting specific SPA, Jamstack, technology stack (see below). Thanks to Hasura the Low-code modifies not only the frontend but also the backend.

Rapid Application Development​

This devtool enables Rapid Application Development:

  • Bootstrap new project from a template
  • Scaffolding: generate page for CRUD (codegen)
  • Customization: add/remove fields (fullstack: both frontend and backend), permissions, translations, themes
  • WYIWYG ans navigatio to code in VSCode

New project

Iteria Low-code

Project Template​

Iteria maintains an open-source project template (inspired by refine.dev abd React Admin) with following features:

  • routing
  • menu
  • navbar
  • login using multiple AuthProviders (Auth0, Firebase Auth, extensible just by implementibg a Typescript interface)
  • switch use role typicsly between user/admin (optional if JWT claims available)
  • field/page permissions / access control (Casl, Hasura Permissions)
  • admin page
  • upload files (multipart, signed urls to S3)
  • dashboard with graphs

No need to reinvent the wheel.

Technology stack​

Project template is implemented via following technologies/libraries: React, Material-UI, Typescript, Formik, react-intl, Uppy, Urql GraphQL client connected to Hasura.

Extras​

  • ERD (Entity Relationship Diagrams)
  • codegen/codemod for graphql and React
  • translations (inline, import/export)

Deliver on time

Patterns​

Iteria Low-code supports certain patterns and if they are applied than predictible otcomes (with predictible estimate) can be expected. UI/UX patterns for CRUD: master/list-detail, forms for entity with relations to other entities and differen cardinalities:

  • 1:0 cardinality (Hasura object relationship)
  • 1:n cardinality (Hasura array relationship)

Developers​

Developer can focus on things with added value (like biznis logic, complicated requirements). No need to:

  • integrate libraries and technologies again: project template (see above) with tons of functionality from Hasura (CRUD API, permissions, actions for business logic, events for webhooks, GraphQL joins)
  • write repetitive code / boilerplate (see scaffolding above)

Analysts​

Analysts can minimise the risk by:

  • getting early feedback;
  • and validate domain models;
  • make smaller changes during meetings and customization.

Future plans

Hackable / extensible tool: low-code plugins on the roadmap (inspired by builder.io)

More Docs / tutorials will come.