React Avançado: Sistema de Design, Padrões de Design, Desempenho

Torne-se um Especialista em React JS com Conhecimento Profundo em Sistemas de Design, Padrões de Design, Desempenho e Typescript

Bem-vindo a este curso abrangente sobre React Avançado. Se você é um desenvolvedor React em busca de aprimorar suas habilidades, veio ao lugar certo! O objetivo deste curso é transformá-lo em um mago do React dentro da sua organização. Cobrimos tópicos exclusivos em vários módulos, incluindo sistemas de design, padrões de design, otimização de desempenho e Typescript avançado com React.

Por que esses tópicos são importantes? Bem, desenvolvedores especialistas que lidam com projetos front-end de nível empresarial seguem as melhores práticas relacionadas a esses tópicos. Se você deseja ser considerado um desenvolvedor sênior e se candidatar a cargos de nível sênior, dominar esses tópicos é essencial. Os materiais do curso são baseados em anos de experiência trabalhando em inúmeros projetos React, e cada conceito é explicado com exemplos concretos.

Começamos mergulhando nos padrões de design. Como desenvolvedor de software sênior, considero os tópicos abordados neste módulo cruciais para candidatos a desenvolvedores React. Esses padrões preenchem a lacuna entre ser um desenvolvedor júnior ou intermediário e se tornar um praticante sênior do React. Ao concluir esta parte, você obterá uma compreensão profunda dos padrões de design mais essenciais do React.

Em seguida, exploramos os sistemas de design. Gerenciar projetos em grande escala vai além da codificação de componentes. Para garantir a reutilização e a manutenibilidade, são necessários sistemas de design sólidos. Orientamos você pelos conceitos e teorias, desenvolvemos componentes básicos no Figma e construímos uma base extensível de design no ReactJS. Este módulo se concentra em encapsular estilos para aprimorar a reutilização em sua biblioteca de componentes.

A otimização é um conceito crítico no React. Aplicativos mal otimizados com renderizações desnecessárias podem comprometer todo o projeto. No entanto, otimizar aplicativos React pode ser fácil e gratificante. Neste módulo, trabalhamos em um projeto de demonstração com problemas de desempenho e ensinamos como solucioná-los. Também fornecemos dicas sobre como escrever código limpo no React, incluindo a otimização de problemas de desempenho com a API de Contexto.

Por fim, mergulhamos no Typescript à maneira do React! Este módulo ensina como usar efetivamente o TypeScript com componentes React, garantindo a utilização adequada das propriedades. Você também aprenderá como empregar a API de Contexto, React Hooks e propriedades de tipo para desenvolver aplicativos resilientes e seguros em uma escala maior.

Como bônus, incluímos um curso completo sobre o React Router versão 6. Você aprenderá todos os recursos do React Router construindo uma livraria full-stack que demonstra as melhores práticas para implementar o React Router.

Se você está pronto para levar suas habilidades para o próximo nível e explorar esses tópicos fascinantes, junte-se a nós neste curso! Estamos sempre melhorando e adicionando mais módulos com base no feedback e nos avanços tecnológicos.

O que você aprenderá:

• Fazer a transição de um desenvolvedor frontend júnior/intermediário para um desenvolvedor sênior
• Desenvolver aplicativos React usando as melhores práticas
• Criar sistemas de design de nível empresarial para bibliotecas de componentes altamente reutilizáveis e manuteníveis
• Domine padrões avançados de componentes, como HOCs, Containers, Custom Hooks e programação funcional ReactJS
• Entender quando usar padrões como componentes controlados/não controlados em relação a outros padrões de design
• Otimizar o desempenho de seus aplicativos React usando técnicas de memoização
• Torne-se um especialista em identificar e resolver renderizações desperdiçadas em seus projetos React usando recursos do React
• Usar efetivamente o Typescript com React, seguindo as práticas de desenvolvedores especialistas
• Utilizar React Hooks, API de Contexto e propriedades de tipo para construir aplicativos Typescript escaláveis e confiáveis