cero components

Componentes cero

0ans ° Cero A Producció es un proyecto de sesiones de codificación en vivo donde desarrollamos una aplicación de gestión de productividad de AA llamada Reto desde el cero a la producción.

La idea detrás

El objetivo de estas sesiones es proporcionar una experiencia de desarrollador auténtica en la que profundicemos en la miríada de decisiones que un programador típico toma a diario, utilizando JavaScript y otras herramientas relevantes. Los participantes observarán pruebas fallidas, refactorización de código y la utilización de motores de búsqueda como Google y StackOverflow. Además, los participantes pueden esperar disfrutar del proceso y presenciar los desafíos de nombrar variables y funciones.

Consulte las sesiones de video de este producto aquí y sígueme

Tabla de contenido

• Empezando
• Libro de cuentos
• Ejecución del proyecto localmente
• Ejecutando las pruebas
• Metodologías
  • Diseño atómico
  • Definición de moléculas

Empezando

Debe haber react and react-dom installed que son dependencias pares de este proyecto.

1. Instalación

Usando NPM

npm install @glrodasz/components

Usando hilo

yarn add @glrodasz/components

2. Usando la biblioteca

• Componente de importación

 import { Icon , ButtonIcon } from '@glrodasz/components'

• Usar componente

 < ButtonIcon icon = "arrowRight" type = "primary" >
  Cowards Agreed
</ ButtonIcon > 

Libro de cuentos

Consulte el resto de los componentes disponibles en nuestro libro de cuentos

Ejecución del proyecto localmente

Siga estos pasos para start the project en desarrollo

1. Repositorio de clones. git clone https://github.com/glrodasz/cero-components.git
2. Instalar dependencias en la carpeta del proyecto que ejecuta yarn o npm install
3. Ejecutar el libro de cuentos con yarn dev o npm run dev , este comando construirá los tokens y abrirá el libro de cuentos.

Ejecutando las pruebas

1. Ejecutar yarn run test o npm run test
2. Para mantener las pruebas en funcionamiento, ejecute yarn run test:watch

Metodologías

Diseño atómico

Para este proyecto utilizará la metodología para crear componentes llamados diseño atómico. La biblioteca de componentes creará átomos y moléculas solo con las siguientes definiciones:

Definición de átomos

Para este proyecto, un átomo será un componente compuesto por un átomo único con o sin etiquetas HTML, o simplemente etiquetas HTML.

Definición de moléculas

Para este proyecto, una molécula es un componente compuesto por al menos 2 átomos diferentes.