Organo

O Organo é a plataforma de cadastro de colaboradores da empresa Alura.

Detalhes do projeto

Este projeto foi desenvolvido a partir do zero, durante os cursos react: desenvolvendo com javascript e React: como os componentes funcionam, com base no design do organo no figma.

Veja aqui o resultado final.

Conceitos aprendidos

• 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.