Organo

---

O Organo é uma plataforma de cadastro de Times e Colaboradores.

• Vitrine.Dev - Rafael Sponchiatto
• Tecnologias - React, HTML, CSS e JavaScript
• Bibliotecas - uuid
• Deploy - Organo
• GitHub - https://github.com/Sponchiatto/organo

Detalhes do projeto

O projeto é um Organizador de times e colaboradores, podendo ser usado não apenas no seu trabalho, mas para aulas, dinâmicas, mesas de RPG. Ele conta com um formulário para criação de times e outro para criação dos colaboradores que serão associados a esses times, nos Banners é possível escolher a cor desses times. E caso você escreva um nome errado é possível deletar o colaborador e também o time da lista.

Funções bases

• Cadastrar Time
• Cadastrar Colaborador
• Deletar Colaborador
• Mudar Cor de Fundo do time
• Favoritar Colaborador

Funções extras (não são abordadas no curso)

• Deletar times da lista suspensa
• Salvar informações na memória do navegador

---

Conceitos abordados

• Como o react funciona e por que ele utiliza uma virtual DOM;
• Diferença entre export e export default;
• O que são componentes, como criá-los e diferença entre componentes funcionais de classes;
• props: children, destructing operator com props e como passar dados para o elemento pai, através de funções com props;
• O que é two-way data binding e one-way data binding(utilizado pelo react) e como passar informação entre componente de diferentes níveis;
• Uso de métodos de array para iteração de componentes, como map e filter;
• Renderização condicional com o operador ternário e operador &&. Refatoração de componentes;
• Eventos no react(eventos sintéticos);
• Hooks, como useState para criar componentes controlados, e useEffects para impedir loop infinito.

Conceitos Extras

• Uso do hook useReducer ao invés do useState
• Carregar, atualizar e mostrar informações do LocalStorage