Developers building React apps find the UseCase functional layer the most mysterious.

Let me unveil the curtain with a simple example from our enterprise-grade app.

When applying Clean Architecture to React, the responsibility of the UseCase functional layer is to orchestrate the user journey. It's where everything is wired together.

Next equivalent for Angular

The React missing brick for TDD and clean architecture

FastUI is a set of matching Pydantic models and TypeScript interfaces that allow you to define a user interface. This interface is validated at build time by TypeScript and pyright/mypy and at runtime by Pydantic.

Vitro helps you develop React UI components in isolation while staying organized and productive

Nouvelle lib open-sourcée par Meta pour la création d'éditeurs de texte extensible (système de plugins pour supporter mentions, hashtags…). Semble être une alternative moderne et légère à Draft.js (pas besoin d'utiliser ImmutableJS cette fois 😏). Ne dépend pas spécifiquement de React, mais propose un binding officiel. Peut être utilisé par d'autres frameworks et pourrait même viser d'autres plateformes (support iOS prévu).

Mitosis est un outil qui permet de créer un design system avec un dialecte proche de React/JSX (inspiré de Solid). Mitosis est capable de compiler ces composants pour divers frameworks (React, Angular, Svelte, React-Native…). Cela peut être pratique pour les grosses entreprises qui utilisent plusieurs frameworks dans le temps. Cet article officiel est une bonne introduction: https://www.builder.io/blog/mitosis-a-quick-guide

Hotwire is an alternative approach to building modern web applications without using much JavaScript by sending HTML instead of JSON over the wire.

Linked article: https://developpeur-freelance.io/blog/developpement-web/et-si-le-web-redevenait-simple/

In the past five years I’v been working on major frontend projects at Gloat. In this blog post I’ll focus on what I learned when building…