O Stitches é uma biblioteca de CSS-in-JS que tem como objetivo trazer mais experiência de desenvolvimento adicionando várias features que podem melhorar a experiência de estilização de nossas aplicações, enquanto dá uma super experiência para o usuário também, diminuindo o runtime.
Nessa aula vamos ver como implementar um Design System utilizando o Stitches, e aprender como essa biblioteca melhora tanto a experiência de desenvolvimento e o resultado final do código.
Primeiramente, você precisa clonar o template do repositório:
git clone git@github.com:rocketseat-experts-club/implementando-design-system-com-stitches design-system-stitchesNavegue até o diretório criado:
cd design-system-stitches(Opcional) Abra o projeto no VSCode:
code .Instale as dependências do projeto:
# Utilizando o yarn
yarn
# Utilizando o npm
npm installInicie a aplicação:
yarn dev |
|---|
| Joseph Oliveira |