RafaelOliveiraLabs / HC-React

Praticando exercícios do módulo React - Hiring Coders 21

Módulo React - Hiring Coders 21

Projeto Gama Git feito utilizando framework React

> Gama Git:

• Buscar usuário no Github
• Retornar lista de repositórios do usuário

> How to Run

• git clone: https://github.com/rafamoliv/HC-React.git
• open terminal: cd gamagit
• yarn install && yarn start

Conteúdo do módulo

• Por que React?
• Preparando ambiente
• Fundamentos do React
• Entendendo arquitetura do React
• Primeiros passos e conceitos básicos (Components, Hooks, Events...)
• Consumindo dados de uma API com axios
• Utilização do React Router para criar rotas
• Importando rotas no App
• Boas práticas: Organização e estilo
• Styled Components
• Salvando dados no Storage
• Programação declarativa
• Tratamento de erros e use History
• Conditional rendering

Por que React - O que é?

• Lib para a criação de interfaces
• Utilizado para a construção de SPA (Single Page Applications)
• Podemos chamar de framework devido ao seu ecossistema (ReactJS, React Native, Redux, Webpack...)
• Tudo fica dentro do JavaScript (Elementos visuais, lógica e estilo)

Por que React - Vantagens

• Organização do código (Dividir o app/código em blocos específicos, funcionamento de um componente não interfere em outro, se um componente é removido o resto continua funcionando)
• Divisão de responsabilidades (Back-End: Regras de negócio, Front-End: Interface)
• Programação declarativa (Dizemos ao código o que queremos, ele se encarrega do resto)