React
-
1. Introdução ao React8 Tópicos|1 Teste
-
Introdução ao Curso - React 18+ do zero
-
Um pouco de História
-
O que é o React afinal?
-
React vs Javascript Vanilla, por que escolher React
-
Diferenças entre lib e Framework e comparando react com os demais
-
Requisitos e configuração do ambiente
-
Sobre o Next.js e Typescript nesse curso
-
Criando um app em React
-
Introdução ao Curso - React 18+ do zero
-
2. React Básico5 Tópicos|1 Teste
-
3. Construindo Componentes10 Tópicos|1 Teste
-
4. Estilizando Componentes8 Tópicos|1 Teste
-
Introdução à Estilização no React
-
Vanilla CSS - Aplicando Estilos Tradicionais
-
CSS Modules - Mantendo os Estilos Modulares
-
CSS-in-JS - Estilos com Poder do JavaScript
-
Separation of Concerns - Dividindo Estilos e Lógica
-
Inline Styles - Estilização Direta no JSX
-
Explorando UI Libraries para React
-
Implementando Ícones com React Icon Libraries
-
Introdução à Estilização no React
-
5. Gerenciando Estado de Componentes8 Tópicos|1 Teste
-
Fundamentos do Gerenciamento de Estado no React
-
Estruturando o Estado do Componente
-
useState - Manipulação do Estado Local
-
useEffect - Sincronizando Estado e Efeitos Colaterais
-
useContext - Compartilhando Estado entre Componentes
-
Mantendo Componentes Puros e Funcionai
-
O Modo Estrito (Strict Mode) e Boas Práticas
-
Atualizando Objetos e Estados Imutáveis
-
Fundamentos do Gerenciamento de Estado no React
-
6. Construindo Formulários3 Tópicos|1 Teste
-
7. Conectando a APIs/Backend11 Tópicos|1 Teste
-
Introdução a APIs e Requisições HTTP no React
-
Profundidade no Hook useEffect e Ciclo de Vida
-
Limpeza e Desmontagem com o Hook de Efeito
-
Entendendo e Trabalhando com HTTP Requests
-
Manejo de Erros e Exceções em Requisições
-
Async/Await: Assincronismo e Promises no React
-
Operações CRUD - DELETE: Deletando Dados via API
-
Operações CRUD - POST: Criação de Dados
-
Operações CRUD - PUT/PATCH: Atualização de Dados
-
Otimização de Chamadas de API e Cache de Dados
-
DESAFIO - Aplicação de Lista de Tarefas com CRUD Completo
-
Introdução a APIs e Requisições HTTP no React
-
8. Roteamento e Navegação4 Tópicos|1 Teste
Sobre o Next.js e Typescript nesse curso
Bem-vindos a mais uma aula! Hoje, vamos falar sobre algumas decisões importantes tomadas para a estrutura deste curso, especificamente sobre a utilização do framework Next.js e a linguagem TypeScript junto ao React. Essas escolhas são fundamentais para garantir que tenhamos um ambiente de desenvolvimento robusto e eficiente à medida que avançamos.
Next.js
O React, por ser uma biblioteca focada em construir interfaces de usuário, é muitas vezes utilizado em conjunto com um framework para facilitar a criação e gestão de projetos mais complexos. O framework recomendado pela comunidade e pela própria equipe do React é o Next.js. Embora não tenhamos coberto o Next.js em detalhes ainda (isso será feito no próximo curso), vamos utilizá-lo como nosso framework de escolha neste curso. À medida que avançamos, cada configuração ou uso específico do Next.js será explicado detalhadamente para garantir que todos possam acompanhar, mesmo sem conhecimento prévio sobre o Next.js. O curso aprofundado sobre Next.js será o próximo na fila e é altamente recomendado para aqueles que desejam aprofundar seus conhecimentos e habilidades no ecossistema React.
TypeScript
É possível desenvolver em React usando JavaScript puro, mas optamos por utilizar o TypeScript na maioria dos exemplos deste curso. O TypeScript, como já discutido em um curso anterior, oferece benefícios significativos em termos de tipagem estática, o que pode ajudar a capturar erros durante o desenvolvimento e melhorar a legibilidade e manutenção do código. Acreditamos firmemente nos benefícios que o TypeScript traz para o desenvolvimento com React e, portanto, será nossa linguagem de escolha.
E chegamos ao fim da parte teórica e dos disclaimers, bora criar nosso primeiro projeto em React?