Componentes do PDV

O nosso PDV terá quatro componentes

• src/App.js: Determina se o funcionário está logado e mostra o src/Sale.js (se estiver) ou src/Login.js (se não estiver)
• src/Login.js: Componente com um formulário de login
• src/Sale.js: Formulário para se adicionar novas vendas no sistema
• src/AddClient.js: Componente auxiliar que permite a criação de novos clientes na loja pelo funcionário.

Cada um desses componentes React será responsável por uma funcionalidade.

Existe um outro componente chamado src/Index.js que é padrão em um projeto criado com o create-react-app, mas ele somente importa o componente src/App.js o insere no public/index.html, iniciando assim a renderização do nosso aplicativo React na página. Sim, nosso aplicativo react tem somente uma página HTML base (public/index.html) e todo o restante dos elementos visuais serão componentes React interativos. Esse tipo de sistema é chamado de SPA (Single Page Application).

Iremos abordar os componentes src/App.js e src/Login.js nessa aula e o src/Sale.js e src/AddClient.js na aula seguinte