0.3.2 • Published 1 year ago
alurabook-ds v0.3.2
Projeto Guiado - ReactJS🚀
Projeto
AluraBook
⚠️ Neste projeto irei criar uma biblioteca de componentes react e utilizar storybook para documentar.
Resumo dos conteúdos aplicados
- Utilizar o React para criar uma biblioteca de componentes
- Produzir um pacote NPM utilizando o TSDX
- Traçar uma estratégia de publicação dos componentes
- Implementar componentes utilizando styled components
- Prototipar uma aplicação utilizando a biblioteca criada
- documentar utilizando Storybook
🧠 Contexto
O objetivo será criar criar uma biblioteca de componentes utilizando ReactJS, publicar o pacote via npm e documentar utilizando Storybook
Tecnologias usadas
| Ferramenta | Descrição |
|---|---|
ReactJS | framework web |
yarn | gerenciador de pacotes |
styled-components | é uma biblioteca que permite escrever códigos CSS dentro do JavaScript. |
storybook | é uma ferramenta de documentos de interfaces. |
auto cli | é uma ferramenta projetada para automatizar trabalho publicação de pacotos npm via github |
npm | Hospedagem para a aplicação, fiz o deploy integrado com o github |
Github | Hospedagem do código fonte integrado com gerenciador de versionamento |
Como rodar o projeto localmente
Siga os passos e inclua as informações abaixo:
| Passo | Comando/informação |
|---|---|
| Faça o fork | botão de forkar |
| Faça o clone | git clone #URL |
| Instale as dependências após acessar a pasta projeto | yarn install |
| Rode o projeto | yarn dev |
ou
Em seu projeto react ja criado:
| Passo | Comando/informação |
|---|---|
| Via terminal instale em seu projeto | npm i ou yarn add @alurabook-ds |
😎 Próximos passos mapeados
- Criar Feate Login
- Implementar autenticação de usuario
Foi incrível compartilhar essa jornada com você! Qualquer dúvida ou sugestão, chama no contatinho!