cero components

Composants Cero

0️⃣ CERO A Productción est un projet de séances de codage en direct où nous développons une application de gestion de la productivité AA appelée RETO de la rayure à la production.

L'idée derrière

L'objectif de ces séances est de fournir une expérience de développeur authentique où nous nous plongeons dans la myriade de décisions qu'un programmeur typique prend quotidiennement, en utilisant JavaScript et d'autres outils pertinents. Les participants observeront les tests ratés, le refactorisation de code et l'utilisation de moteurs de recherche tels que Google et StackOverflow. De plus, les participants peuvent s'attendre à profiter du processus et à assister aux défis de la dénomination des variables et des fonctions.

Vérifiez les séances vidéo de ce produit ici et suivez-moi

Table des matières

• Commencer
• Livre de contes
• Exécuter le projet localement
• Exécuter les tests
• Méthodologies
  • Conception atomique
  • Définition des molécules

Commencer

Vous devez avoir react and react-dom installed ceux qui sont des dépendances par les pairs de ce projet.

1. Installation

Utilisation de NPM

npm install @glrodasz/components

Utilisation du fil

yarn add @glrodasz/components

2. Utilisation de la bibliothèque

• Composant d'importation

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

• Utiliser le composant

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

Livre de contes

Vérifiez le reste des composants disponibles dans notre livre de contes

Exécuter le projet localement

Suivez ces étapes pour start the project en développement

1. Référentiel de clones. git clone https://github.com/glrodasz/cero-components.git
2. Installez les dépendances dans le dossier du projet exécutant yarn ou npm install
3. Exécutez le livre de contes avec yarn dev ou npm run dev , cette commande construira les jetons et le livre de contes ouvert.

Exécuter les tests

1. Exécuter yarn run test ou npm run test
2. Pour maintenir les tests en cours d'exécution, exécutez yarn run test:watch

Méthodologies

Conception atomique

Pour ce projet, utilisera la méthodologie pour créer des composants appelés conception atomique. La bibliothèque des composants ne créera que des atomes et des molécules avec les définitions suivantes:

Définition des atomes

Pour ce projet, un atome sera un composant composé par un atome unique avec ou sans balises HTML, ou simplement des balises HTML.

Définition des molécules

Pour ce projet, une molécule est un composant composé par au moins 2 atomes différents.