Introdução

Informações do projeto

O Front-end da Safeway é feito utilizando React com Typescript, e criado com Vite.

Criando projeto com Vite

  yarn create vite nomeprojeto template react-ts

Iniciando o projeto

• Clonando o projeto

1. Entre no repositório do Bitbucket, clique em "Clone" e copie o comando.

2. No terminal de preferência, cole o comando e rode. Assim, o projeto estará em sua máquina.

3. Entre na pasta do projeto e utilize o comando yarn, para instalar todas as dependências.

4. Para rodar o projeto, utilize yarn run dev

Para mudar a branch, utilize git checkout {branch}
Para criar uma nova branch, utilize git checkout -b {NomeDaBranch}

Instalando dependências

  yarn add {dependencia}

Para instalar algumas bibliotecas e/ou plugins, é necessário instalar o pacote de tipagens da mesma (Bibliotecas que não são nativas do TypeScript)

  yarn add -D @types/{nomedopacote}

Dica

Se a dependência é utilizada somente no desenvolvimento e pode ser retirada ao rodar em produção, instalamos como Dependência de desenvolvimento:

  yarn add -D {dependencia}

Bibliotecas usadas

Para estilização de páginas e componentes, utilizamos a biblioteca Styled-Components (Clique para ver mais).

Para a navegação e roteamento, utilizamos a biblioteca react-router-dom (Clique para ver mais).

Para componentes complexos, como modais, dropdowns e collapsible, utilizamos a biblioteca Radix (Clique para ver mais).