Composants réagis du bâtiment compatibles avec Shadcn / UI CLI

DEV - 27/02
Récemment, j'ai participé en tant que partenaire au Builders Weekend Hackathon, ce qui m'a inspiré à développer ...

Récemment, j'ai participé en tant que partenaire au Builders Weekend Hackathon, qui m'a inspiré à développer un composant React qui fonctionne avec le CLI Shadcn / UI. Je voudrais partager le processus étape par étape et certains des faits saillants!

Ce que j'ai fait

Le kit d'agents vous aide à créer des applications de chat AI instantanément avec Vercel AI SDK.

https://agents-kit.dev/

Importer * en tant que réact à partir de "React" Importer {UseChat} à partir de '@ Ai-Sdk / React' Import {Chatform} de '@ / Components / Agents-Kit / Chat-Form'; Fonction d'exportation ChatFormDemo () {const {input, handleInputchange, handlesubmit} = useChat ({}); retour ()}
Entrez le mode de sortie en mode plein écran

Tl; dr

Comment se développer

  1. Démarrez un projet Next.js. Développez le composant React que vous souhaitez distribuer dans le/enregistrementannuaire.
  2. Écrire unregistre.jsonUne fois votre composant terminé pour configurer sa distribution.
  3. Courirbuild shadcnPour construire un fichier JSON pour chaque composant. Les fichiers seront sortis vers le répertoire public.
  4. Déployez votre projet Next.js pour publie...
    [Courte citation de 8% de l'article original]