FUI - Framework de Componentes de Usuario

FUI (Framework de Componentes de Usuario) es una librería de componentes UI (Interfaz de Usuario) desarrollada en React, diseñada para facilitar la creación de interfaces de usuario elegantes y consistentes en tus aplicaciones. Este proyecto utiliza TypeScript y Rollup para compilar y empaquetar los componentes de manera eficiente.

Características

• Componentes UI reutilizables y personalizables.
• Integración con Storybook para una documentación clara y ejemplos interactivos.
• Escrito en TypeScript para una mejor seguridad y autocompletado en el desarrollo.
• Empaquetado con Rollup para una distribución eficiente y optimizada.
• Listo para ser publicado en npm y utilizado en tus proyectos.

Instalación

Para empezar a usar FUI en tu proyecto, simplemente instálalo utilizando npm o yarn:

npm install fui
# o
yarn add fui

Uso Aquí hay un ejemplo de cómo puedes utilizar los componentes de FUI en tu aplicación React:

import React from "react";
import { Button } from "fui";

function App() {
  return (
    <div>
      <h1>Mi Aplicación</h1>
      <Button primary>Botón de Ejemplo</Button>
    </div>
  );
}

export default App;

Claro, aquí tienes un ejemplo de un archivo README.md para un proyecto que utiliza Storybook, React, TypeScript y Rollup para crear una librería llamada "fui" que se puede subir a npm:

markdown Copy code

FUI - Framework de Componentes de Usuario

FUI (Framework de Componentes de Usuario) es una librería de componentes UI (Interfaz de Usuario) desarrollada en React, diseñada para facilitar la creación de interfaces de usuario elegantes y consistentes en tus aplicaciones. Este proyecto utiliza TypeScript y Rollup para compilar y empaquetar los componentes de manera eficiente.

Características

• Componentes UI reutilizables y personalizables.
• Integración con Storybook para una documentación clara y ejemplos interactivos.
• Escrito en TypeScript para una mejor seguridad y autocompletado en el desarrollo.
• Empaquetado con Rollup para una distribución eficiente y optimizada.
• Listo para ser publicado en npm y utilizado en tus proyectos.

Instalación

Para empezar a usar FUI en tu proyecto, simplemente instálalo utilizando npm o yarn:

npm install fui
# o
yarn add fui

Uso Aquí hay un ejemplo de cómo puedes utilizar los componentes de FUI en tu aplicación React:

Copy code
import React from 'react';
import { Button } from 'fui';

function App() {
  return (
    <div>
      <h1>Mi Aplicación</h1>
      <Button primary>Botón de Ejemplo</Button>
    </div>
  );
}

export default App;

Documentación y Ejemplos

Puedes consultar la documentación detallada y ver ejemplos interactivos de los componentes en Storybook. Para ejecutar Storybook localmente, sigue estos pasos:

# Clona el repositorio de FUI
git clone https://github.com/tuusuario/fui.git

# Navega al directorio de FUI
cd fui

# Instala las dependencias
npm install
# o
yarn install

# Inicia Storybook
npm run storybook
# o
yarn storybook

Claro, aquí tienes un ejemplo de un archivo README.md para un proyecto que utiliza Storybook, React, TypeScript y Rollup para crear una librería llamada "fui" que se puede subir a npm:

markdown Copy code

FUI - Framework de Componentes de Usuario

FUI (Framework de Componentes de Usuario) es una librería de componentes UI (Interfaz de Usuario) desarrollada en React, diseñada para facilitar la creación de interfaces de usuario elegantes y consistentes en tus aplicaciones. Este proyecto utiliza TypeScript y Rollup para compilar y empaquetar los componentes de manera eficiente.

Características

• Componentes UI reutilizables y personalizables.
• Integración con Storybook para una documentación clara y ejemplos interactivos.
• Escrito en TypeScript para una mejor seguridad y autocompletado en el desarrollo.
• Empaquetado con Rollup para una distribución eficiente y optimizada.
• Listo para ser publicado en npm y utilizado en tus proyectos.

Instalación

Para empezar a usar FUI en tu proyecto, simplemente instálalo utilizando npm o yarn:

npm install fui
# o
yarn add fui

##Uso Aquí hay un ejemplo de cómo puedes utilizar los componentes de FUI en tu aplicación React:

Copy code
import React from 'react';
import { Button } from 'fui';

function App() {
  return (
    <div>
      <h1>Mi Aplicación</h1>
      <Button primary>Botón de Ejemplo</Button>
    </div>
  );
}


export default App;

Documentación y Ejemplos

Puedes consultar la documentación detallada y ver ejemplos interactivos de los componentes en Storybook. Para ejecutar Storybook localmente, sigue estos pasos:

Copy code
# Clona el repositorio de FUI
git clone https://github.com/tuusuario/fui.git

# Navega al directorio de FUI
cd fui

# Instala las dependencias
npm install
# o
yarn install

# Inicia Storybook
npm run storybook
# o
yarn storybook

Esto abrirá una página web local con la documentación y ejemplos interactivos de los componentes de FUI.

##Licencia FUI se distribuye bajo la licencia MIT. Consulta el archivo LICENSE para obtener más detalles.

¡Esperamos que FUI te sea útil en tus proyectos! Si tienes alguna pregunta o encuentras algún problema, no dudes en reportarlo en GitHub.

npm version