Construire avec React

Ce que c'est

Une chaîne complète pour construire une application React et la livrer en un seul fichier HTML, autonome, que vous pouvez envoyer par mail ou déposer n'importe où.

Sous le capot : React 18, TypeScript, Vite pour le développement, Tailwind pour le style, et quarante composants shadcn/ui déjà installés. Boutons, cartes, fenêtres modales, formulaires, tableaux, onglets. Vous n'écrivez pas ces briques, vous les assemblez.

Quand le sortir

Quand votre besoin dépasse la page unique : plusieurs écrans, une navigation entre eux, un état à conserver quand l'utilisateur passe de l'un à l'autre.

Pour un composant isolé ou une page simple, l'archive le dit elle-même et elle a raison : c'est trop d'outillage. Le rapport s'inverse dès qu'il y a de la navigation et de la donnée qui circule.

Le format en fichier unique est le vrai atout. Un prototype qu'on partage sans hébergement, sans installation et sans expliquer comment le lancer se fait regarder ; un dépôt à cloner, non.

Ce qu'il vous faut avant

Node 18 ou plus. Tout le reste est configuré par le script d'initialisation, y compris les alias de chemins et la chaîne de bundling.

Comment s'en servir

Trois commandes : init-artifact.sh crée le projet configuré, vous éditez les fichiers générés, puis bundle-artifact.sh produit le bundle.html final avec tout le JavaScript et le CSS à l'intérieur.

Un conseil de l'archive mérite d'être lu deux fois, parce qu'il est rare qu'un outil le formule aussi clairement. Pour éviter le rendu qui sent l'IA à trois mètres, fuyez les quatre réflexes : tout centrer, les dégradés violets, les mêmes coins arrondis partout, et la police Inter. Vous venez de vous distinguer de quatre-vingts pour cent de ce qui se produit.

Ce que contient l'archive

1 outil, prêt à déposer dans votre projet :

• artifacts-builder

D'où ça vient

Cette archive embarque du travail publié par des tiers, sous licence libre. Les fichiers de licence sont conservés à l'intérieur, à leur place.