thiagohrcosta / Ignite-Desafio-01-Componentizando-App

Repositório dedicado ao Desafio 02 - opcional, do capítulo 01 da trila ReactJS ministrado pela Rocketseat em seu curso IGNITE PRO.

CAPÍTULO 01 - DESAFIO 02 (opcional)

Este repositório é composto pelo desafio 02 (opcional) do capítulo 01, da especialização em ReactJS ministrado pela ROCKETSEAT em seu curso IGNITE PRO.

Tecnologias utilizadas:

Desafio:

Com as dependências instaladas e a fake API rodando, devem ser criados os componentes SideBar e Content, refatorando o código que se encontra no App.tsx.

• src/App.tsx Esse componente contém toda a aplicação com exceção do componente Button que não precisa ser alterado e Icon que também não precisa de alteração.
• src/components/Content.tsx Esse componente, ainda vazio, deve possuir toda a lógica e corpo responsável pelo header e conteúdo da aplicação (seção contornada em vermelho):
• src/components/SideBar.tsx Esse componente, também vazio, deve possuir toda a lógica e corpo responsável pela seção que contém o título do site e a parte de navegação à esquerda da página (seção contornada em vermelho):

Como rodar a aplicação?

Para rodar a aplicação baixe ou clone este repositório. Em seguida instale a pasta node_modules com o comando yarn start. Por fim rode o comando yarn dev para iniciar a aplicação em localhost:8080 e yarn server para inciar o JSON Server .