cero components

Компоненты Cero

0⃣ Cero A Productción - это проект живых сессий кодирования, где мы разрабатываем приложение AA Management Productivity, называемое RETO от царапины до производства.

Идея

Целью этих сессий является предоставление подлинного опыта разработчика, когда мы углубимся в множество решений, которые типичный программист принимает ежедневно, используя JavaScript и другие соответствующие инструменты. Участники будут соблюдать неудачные тесты, рефакторинг кода и использование поисковых систем, таких как Google и Stackoverflow. Кроме того, участники могут рассчитывать на процесс и свидетельствовать о проблемах именования переменных и функций.

Проверьте видео сеансы этого продукта и следуйте за мной

Оглавление

• Начиная
• Сборник рассказов
• Запуск проекта локально
• Запуск тестов
• Методологии
  • Атомный дизайн
  • Определение молекул

Начиная

Вы должны react and react-dom installed .

1. Установка

Используя NPM

npm install @glrodasz/components

Используя пряжу

yarn add @glrodasz/components

2. Использование библиотеки

• Импорт компонент

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

• Используйте компонент

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

Сборник рассказов

Проверьте остальные доступные компоненты в нашем сборнике рассказов

Запуск проекта локально

Следуйте этим шагам, чтобы start the project в разработке

1. Репозиторий клона. git clone https://github.com/glrodasz/cero-components.git
2. npm install зависимости в папке проекта yarn
3. Запустите сборник рассказов с yarn dev или npm run dev , эта команда построит токены и открытый сборник рассказов.

Запуск тестов

1. Запустите yarn run test или npm run test
2. Чтобы поддерживать тестирование, запустите yarn run test:watch

Методологии

Атомный дизайн

Для этого проекта будет использование методологии для создания компонентов, называемых атомным дизайном. Библиотека компонентов будет создавать только атомы и молекулы со следующими определениями:

Определение атомов

Для этого проекта атом будет компонентом, который составлен уникальным атомом с тегами HTML или без него, или просто теги HTML.

Определение молекул

Для этого проекта молекула - это компонент, который состоит как минимум двумя различными атомами.