@camposweb-ignite-ui/react
v7.4.0
Published
Este design system foi desenvolvido a partir do módulo de Design System da trilha de ReactJS da Rocketseat para ser utilizado posteriormente para a aplicação Ignite Call do módulo final do treinamento, isso possibilita que os componentes sejam utilizados
Downloads
27
Readme
Design System
Este design system foi desenvolvido a partir do módulo de Design System da trilha de ReactJS da Rocketseat para ser utilizado posteriormente para a aplicação Ignite Call do módulo final do treinamento, isso possibilita que os componentes sejam utilizados em outras aplicações com a mesma base de estilos. No desenvolvimento do design system utilizei o Tsup para facilitar a compilação de typescript para javascript além de suporte a múltiplos formatos, como ESM e CJS, Turborepo no qual sua utilidade é o gerenciamento de projetos monorepos, Lucide para ícones, Radix UI que auxiliou para criar alguns componentes, tailwind-variants, para criação de componentes utilizando estilização com TailwindCSS, tailwind-merge, biblioteca que a auxilia na criação de componentes e para finalizar Storybook para documentar todo design system. Algo que venho utilizando bastante é a biblioteca da rocketseat eslint-config-rocketseat como uma boa configuração ESlint e formatação com Prettier.
Plus +
- Adicionando o compoennte Tooltip
- Adicionando o componente Toast
Tecnologias Utilizadas
Instalando o design system:
npm install @camposweb-ignite-ui/react
pnpm add @camposweb-ignite-ui/react
yarn add @camposweb-ignite-ui/react