// Logiciel / Outil

React

React 19, hooks, RSC quand possible. Au service de la UX, pas du clinquant.

Catégorie
Logiciel / Outil
Expérience
5 ans
Site officiel
↗ react.dev

React est l’outil que je sors quand l’interactivité le justifie. Pour un site vitrine ou un blog SEO, Twig + Hotwire suffit largement. Pour un formulaire multi-étapes, un dashboard avec état partagé, ou une démo interactive — React brille.

Mes usages React en production

  • Formulaires multi-étapes avec react-hook-form + Zod (validation client + serveur sur le même schéma).
  • Dashboards admin avec tables triables, filtres combinés, état URL-synchronisé.
  • Démos interactives intégrées dans des pages Twig via symfony/ux-react (îlots montés via Stimulus).
  • Apps métier complètes quand le client n’a pas de contrainte SEO sur la zone applicative.

Choix techniques

  • React 19 : hooks par défaut, pas de class components.
  • Pas de Redux sauf cas extrême — la combinaison useReducer + context + URL state couvre 95% des besoins.
  • TanStack Query pour le data fetching et le cache optimiste.
  • TanStack Router ou React Router 7 selon le projet.
  • Composants accessibles by default (focus management, ARIA, keyboard navigation).

Côté Symfony

Via symfony/ux-react + pentatrion/vite-bundle : un composant React s’attache à un <div data-controller="symfony--ux-react--react" data-symfony--ux-react--react-component-value="Foo">. Lazy-loadable, code-splitable.

Besoin d’un dev React freelance ? Demande un devis.