Mergulho Profundo no React

Aprenda Desenvolvimento Frontend em JavaScript com React

Este curso oferece uma compreensão aprofundada do desenvolvimento com React, uma biblioteca ou framework JavaScript. Começando pelos conceitos básicos, ele abrange tópicos intermediários e avançados. Ferramentas que não fazem parte do React, mas são usadas com ele, estão excluídas do escopo e são deixadas para outros cursos. O objetivo deste curso é construir a base necessária para o desenvolvimento especializado e explicar os conceitos usados em aplicações do mundo real com exemplos. O curso começa demonstrando a definição de componentes usando tanto componentes de classe quanto de função. Ele explica a passagem de propriedades (props) de fontes externas. O desenvolvimento condicional usando declarações if é abordado em detalhes, juntamente com o processamento de estruturas semelhantes a tabelas usando o método map() em uma matriz de objetos. Os tópicos de eventos e estado para manipulação e armazenamento de dados, respectivamente, são explicados. Tanto o estado baseado em classe quanto o useState() para funções são demonstrados. Além disso, o conceito de contexto é explicado. A criação de formulários usando métodos não controlados e controlados tanto para componentes de classe quanto de função é explicada. O uso de elementos select, radio e checkbox para fornecer entradas de escolha múltipla, juntamente com seus estados, é mostrado em detalhes. O objeto FormData para manipulação de dados é demonstrado. A validação, tanto abrangente quanto parcial, é explicada, juntamente com mensagens de erro e tópicos relacionados ao toque. O conteúdo também inclui tópicos relativamente avançados, como componentes de ordem superior e portais. O ciclo de vida da aplicação é explicado usando tanto a fase de montagem para classes quanto o efeito e o retorno de chamada para funções. O uso de efeitos é demonstrado usando um exemplo de armazenamento. Técnicas de otimização de desempenho, como o uso da função memo() e da função useMemo() para evitar cálculos desnecessários quando os dados permanecem inalterados, são explicadas. A função useReducer(), que é uma ferramenta para redução de estado no React, também é abordada. No entanto, ferramentas como o Redux estão excluídas deste curso e serão abordadas em um curso separado. O tópico de limites de erro, que são usados para lidar com situações de erro na aplicação, está incluído. O curso também aborda o desenvolvimento com React usando TypeScript para desenvolvimento com tipos seguros. Ele demonstra o uso de propriedades e estado nas definições de componentes, além de variáveis, funções e objetos. A seção final demonstra o desenvolvimento com React sem o uso de JSX. Esse tópico está incluído para aprender versões mais antigas e entender a estrutura subjacente que funciona em versões mais recentes. Também é útil para depuração e comunicação com outros frameworks usando JavaScript. O que você aprenderá: - Desenvolvimento de projetos com React - Desenvolvimento web profissional - Aprofundamento do conhecimento em JavaScript - Trabalhar como desenvolvedor frontend