React e Typescript: Crie um Projeto de Portfólio Único

Expanda seu Portfólio com um Aplicativo Web de Ponta

Avaliação: 4.6 de 54386 avaliações

Total de horas: 29.5

Aulas: 413

Dificuldade: Todos os Níveis

Expanda seu portfólio de projetos criando um aplicativo web sofisticado usando as últimas tecnologias web.

Você já dominou o React, mas e agora? É hora de mostrar suas habilidades construindo um projeto impressionante para o seu portfólio! Demonstre sua expertise em React para potenciais empregadores. Embora existam inúmeros recursos online que ensinam o básico do React, poucos vão além desse nível. Você precisa de algo mais - um curso que ensine como construir um aplicativo complexo e cativante. É aqui que entra o nosso curso. Inicie sua jornada de aprendizado com uma introdução ao uso do React e do Typescript juntos. Não se preocupe se você não está familiarizado com o Typescript; incluímos um tutorial rápido, mas abrangente, para você se atualizar. Depois de se sentir confortável com o React e o Typescript, você mergulhará em nosso projeto emocionante.

Neste curso, você criará um ambiente de codificação interativo que é executado diretamente no navegador. Pense nele como uma versão Javascript do Jupyter Notebook, mas com recursos adicionais. Sim, este é o projeto que você estará construindo! Você enfrentará desafios incríveis relacionados ao empacotamento e transpilação de código dentro do navegador. Normalmente, essa tarefa é realizada usando o Webpack e o Babel no terminal. No entanto, você aprenderá como executar com segurança o código dos usuários no navegador, assim como serviços populares como CodeSandBox e CodePen. Por fim, você implantará seu projeto usando uma arquitetura de vários pacotes para o NPM, tornando-o facilmente acessível para seus amigos e potenciais empregadores.

Ao longo deste projeto, eu o guiarei por uma ampla gama de soluções para inúmeros problemas. Cada problema será abordado passo a passo, e também abordaremos questões de desempenho e segurança. No final do curso, você terá um projeto de portfólio incrível com estética e funcionalidade excepcionais. Você entenderá cada linha de código e será capaz de explicá-la para potenciais empregadores. Aqui está uma visão dos tópicos abordados neste curso:

• Dominar o uso de React, Redux e Typescript juntos
• Construir um aplicativo complexo e cativante usando uma arquitetura baseada em pacotes
• Entender os desafios de transpilar e processar código dentro do navegador
• Proteger seu aplicativo contra possíveis vulnerabilidades de segurança
• Executar com segurança o código fornecido pelo usuário diretamente no navegador
• Executar um editor de código dentro do navegador, semelhante ao VSCode
• Aproveitar o Web Assembly para empacotamento de código extremamente rápido dentro do navegador
• Explorar os detalhes internos do Redux para testar manualmente sua lógica de negócios
• Descobrir inúmeros truques para construir uma interface de usuário elegante
• Implantar seu aplicativo no registro do NPM para uso fácil por outros

Eu projetei este curso para ajudá-lo a aplicar suas habilidades em React de forma eficaz. Matricule-se hoje e crie um aplicativo incrível que mostrará seu conhecimento.

O que você aprenderá

• Construir um projeto pronto para o portfólio com React e Typescript
• Integrar React e Redux juntos com Typescript
• Simplificar as atualizações de estado com a fabulosa biblioteca Immer
• Seguir um processo passo a passo para projetar e montar um projeto avançado
• Gerenciar um projeto usando uma arquitetura baseada em pacotes
• Automatizar a implantação com o popular Lerna CLI
• Criar um transpilador e empacotador no navegador
• Montar componentes React altamente reutilizáveis
• Utilizar middlewares do Redux para lidar com fluxos complexos de lógica de negócios
• Aumentar o desempenho do aplicativo com Web Assembly