Component library for Cero a Producción Project
0️⃣ 🚀 Cero a Producción is a project of live coding sessions where we develop a a productivity management app called RETO from the scratch to production.
The objective of these sessions is to provide an authentic developer experience where we delve into the myriad of decisions that a typical programmer makes on a daily basis, using JavaScript and other relevant tools. Participants will observe failed tests, code refactoring, and the utilization of search engines such as Google and StackOverflow. Additionally, participants can expect to enjoy the process and witness the challenges of naming variables and functions.
Check the video sessions of this product here and follow me on
You must have
react and react-dom installed
those are peer dependencies of this project.
Using NPM
npm install @glrodasz/components
Using Yarn
yarn add @glrodasz/components
import { Icon, ButtonIcon } from '@glrodasz/components'
<ButtonIcon icon="arrowRight" type="primary">
Cowards Agreed
</ButtonIcon>
Check the rest of the available components in our Storybook
Follow these steps to start the project
in development
git clone https://github.com/glrodasz/cero-components.git
yarn
or npm install
yarn dev
or npm run dev
, this command will build the tokens and open Storybook.yarn run test
or npm run test
yarn run test:watch
For this project will be using the methodology to create componentes called Atomic Design. The component library will be creating just Atoms and Molecules with the following definitions:
For this project an atom will be a component that is composed by an unique Atom with or without HTML tags, or just HTML tags.
For this project a molecule is a component that is composed by at least 2 different atoms.