# React · Veille technologique

[Source canonique](<https://sebastien.rigaux.be/veille/tags/react/page/4>)

Construction d’interfaces avec des composants React, leur état et leurs cycles de rendu.

## [Uiverse : explorer des éléments d’interface réutilisables](<https://sebastien.rigaux.be/veille/liens/uiverse-explorer-des-elements-d-interface-reutilisables>)

Uiverse rassemble des éléments d’interface créés par la communauté, avec du code HTML/CSS, Tailwind ou React. Une ressource pour étudier des styles et adapter des composants à son projet.

2024-10-13 · [Markdown](<https://sebastien.rigaux.be/veille/liens/uiverse-explorer-des-elements-d-interface-reutilisables.md>) · [Ressource originale](<https://uiverse.io/>)

## [Synchroniser une application Expo local-first avec TinyBase](<https://sebastien.rigaux.be/veille/liens/synchroniser-une-application-expo-local-first-avec-tinybase>)

Ce guide introduit TinyBase dans une application Expo pour combiner données locales réactives et synchronisation. Il aborde le partage des données entre appareils et utilisateurs.

2024-10-06 · [Markdown](<https://sebastien.rigaux.be/veille/liens/synchroniser-une-application-expo-local-first-avec-tinybase.md>) · [Ressource originale](<https://expo.dev/blog/how-to-synchronize-reactive-local-first-apps-with-tinybase>)

## [Préparer un environnement de développement Docmost](<https://sebastien.rigaux.be/veille/liens/preparer-un-environnement-de-developpement-docmost>)

Ce guide décrit le monorepo Docmost, avec un frontend React et un backend NestJS. Il détaille les dépendances et les étapes de configuration pour contribuer ou adapter l’application localement.

2024-06-30 · [Markdown](<https://sebastien.rigaux.be/veille/liens/preparer-un-environnement-de-developpement-docmost.md>) · [Ressource originale](<https://docmost.com/docs/self-hosting/development>)

## [Déporter les calculs avec Web Workers, Comlink et TanStack Query](<https://sebastien.rigaux.be/veille/liens/deporter-les-calculs-avec-web-workers-comlink-et-tanstack-query>)

L’article combine Comlink et TanStack Query pour piloter des calculs dans un Web Worker. L’exemple montre comment préserver la réactivité de l’interface pendant un traitement coûteux.

2024-06-29 · [Markdown](<https://sebastien.rigaux.be/veille/liens/deporter-les-calculs-avec-web-workers-comlink-et-tanstack-query.md>) · [Ressource originale](<https://johnnyreilly.com/web-workers-comlink-vite-tanstack-query>)

## [NLUX : intégrer une interface de chat IA en React ou JavaScript](<https://sebastien.rigaux.be/veille/liens/nlux-integrer-une-interface-de-chat-ia-en-react-ou-javascript>)

NLUX fournit des composants conversationnels pour connecter une application web à des LLM. Le projet propose des intégrations React, Next.js et JavaScript ainsi qu’un outil de démarrage en CLI.

2024-06-25 · [Markdown](<https://sebastien.rigaux.be/veille/liens/nlux-integrer-une-interface-de-chat-ia-en-react-ou-javascript.md>) · [Ressource originale](<https://github.com/nlkitai/nlux>)

## [Plasmic : créer visuellement des interfaces avec ses composants React](<https://sebastien.rigaux.be/veille/liens/plasmic-creer-visuellement-des-interfaces-avec-ses-composants-react>)

Plasmic propose un éditeur visuel intégrable à une base de code React. Les composants existants peuvent être réutilisés dans des pages et applications assemblées par glisser-déposer.

2023-11-16 · [Markdown](<https://sebastien.rigaux.be/veille/liens/plasmic-creer-visuellement-des-interfaces-avec-ses-composants-react.md>) · [Ressource originale](<https://github.com/plasmicapp/plasmic>)

## [Composer les composants serveur et client dans Next.js](<https://sebastien.rigaux.be/veille/liens/composer-les-composants-serveur-et-client-dans-next-js>)

La documentation explique où placer chargement de données, secrets et interactions dans l’App Router. Des exemples montrent comment transmettre des données d’un composant serveur à une interface interactive côté client.

2023-10-25 · [Markdown](<https://sebastien.rigaux.be/veille/liens/composer-les-composants-serveur-et-client-dans-next-js.md>) · [Ressource originale](<https://nextjs.org/docs/app/getting-started/server-and-client-components>)

## [TW Classed : composer des variantes de composants Tailwind](<https://sebastien.rigaux.be/veille/liens/tw-classed-composer-des-variantes-de-composants-tailwind>)

TW Classed permet de définir des composants réutilisables avec variantes typées et styles extensibles. Les variantes composées évitent de répéter les mêmes combinaisons de classes dans chaque vue.

2023-10-16 · [Markdown](<https://sebastien.rigaux.be/veille/liens/tw-classed-composer-des-variantes-de-composants-tailwind.md>) · [Ressource originale](<https://tw-classed.vercel.app/>)

## [React Day Berlin : conférences et ateliers pour développeurs React](<https://sebastien.rigaux.be/veille/liens/react-day-berlin-conferences-et-ateliers-pour-developpeurs-react>)

Le site présente React Day Berlin, ses conférences et ses ateliers autour de l’écosystème React. La programmation actuelle met notamment l’accent sur l’IA, l’architecture et la maintenabilité.

2023-10-08 · [Markdown](<https://sebastien.rigaux.be/veille/liens/react-day-berlin-conferences-et-ateliers-pour-developpeurs-react.md>) · [Ressource originale](<https://reactday.berlin/>)

## [Tutim : intégrer des formulaires multiétapes à son application](<https://sebastien.rigaux.be/veille/liens/tutim-integrer-des-formulaires-multietapes-a-son-application>)

Tutim fournit une infrastructure headless pour construire des formulaires avec étapes, validations et embranchements conditionnels. Les équipes peuvent conserver leurs propres composants et leur design system.

2023-05-01 · [Markdown](<https://sebastien.rigaux.be/veille/liens/tutim-integrer-des-formulaires-multietapes-a-son-application.md>) · [Ressource originale](<https://github.com/tutim-io/tutim>)

Page 4 / 4

[Précédent](<https://sebastien.rigaux.be/veille/tags/react/page/3>)