- Buscar usuário no Github
- Retornar lista de repositórios do usuário
- git clone: https://github.com/rafamoliv/HC-React.git
- open terminal: cd gamagit
- yarn install && yarn start
- 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
- 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)
- 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)