React brings the content to the screen.

React takes care of the Display of interactive web content - be it a website, an app or a video streaming portal. User interactions in the browser can be programmed in pure JavaScript, but for more complex cases, a library or a framework such as React is a good choice. This allows us to retain control over every detail of the display - without having to constantly worry about the details.

Ein Mann steht und präsentiert drei sitzenden Kollegen in einem modernen Büro mit Glaswänden und Grünpflanzen Informationen auf einem Bildschirm. An der Wand hinter ihnen ist das Wort „smartive“ zu sehen.
Drei smartive-Mitarbeitende besprechen etwas am Computer.

React plus X

React lays the foundation for efficient development. And it opens the door to a jungle of other libraries (we call it an ecosystem) that build on it or can be combined very well:

  • A widget? React.
  • An entire website with server-side rendering? React and Next.js.
  • An app with many possible states? React and XState.

TypeScript

TypeScript is Javascript's new best friend. Anything is possible in JavaScript - even somersaults with a bloody nose and broken bones. TypeScript puts an end to the uncontrolled growth by forcing developers to make implicit things explicit (typing), and a defined data structure is like a tame kangaroo: no boxing punches, but everything in the bag. This provides security. The result is fewer bugs and a stable basis that makes even large projects maintainable in the long term.

Next.js

We use React to generate components, i.e. parts of a page. For an entire website with many pages, there are Next.js.Next.js adds cleverness to React on the server side - pre-generated pages, ad hoc generated pages and pages that are only regenerated when changes are made are easy. On this basis, a platform such as Migipedia with a mixture of static, dynamic and personalized content. Where Next.js is everywhere

XState

Many possible interactions also mean many possible states - for example, in a sales process: Does the user already have an account? With an address? What is in the shopping cart? What step is the payment process in? XState is a concept from theoretical computer science: State Machines are an elegant solution for modeling states and dependencies and managing associated data. This means that users do not end up at a dead end, but instead move along defined paths through a digital landscape. This creates the basis for critical applications such as a POS system.Robert has explained this in detail on our blog, what exactly State Machines and XState are all about.

Tailwind

No one can avoid CSS on the web. Layout, colors, fonts, spacing - in short: the appearance of every website is defined in stylesheets.CSS is now very extensive and offers a wealth of possibilities. This naturally leads to a certain complexity, which in turn results in a search for the best approach to taming CSS.the best contender for the holy grail in our opinion is Tailwind. It certainly speeds up the implementation of designs considerably.

Projects

What have we already implemented with React? Quite a lot.2