Aprenda React e Redux do Zero (2022)

Construa Arquiteturas Modernas de Front-End com React, Context API e Hooks

Classificação: 4.3 de 51428 avaliações Total de horas: 22 Número de palestras: 199 Nível de dificuldade: Todos os níveis

Construa Arquiteturas Modernas de Front-End com React, Context API e Hooks

Principais Termos Técnicos que Você Aprenderá: - Componentes - Props - Estados - Hooks - Ciclo de vida - React Router - Memorização - Context API - Autenticação JWT - Desenvolvimento de Aplicações em Tempo Real (Socket IO) - Testes Unitários - Compartilhamento de Componentes no NPMJS - Localização - Implantação - Projetos do Mundo Real (aplicativo de comércio eletrônico, aplicativo de chat, etc.) O que Discutimos: Eu sempre busco fornecer cursos que superem as expectativas. Isso significa que você não apenas aprenderá React e Redux, mas também outras tecnologias que acredito que podem aprimorar seu trabalho quando integradas a essas tecnologias. Também reforçamos o que aprendemos por meio de projetos. Os projetos têm grande importância neste curso, com aproximadamente 6 horas dedicadas à sua criação. Lições Fundamentais: Ao aprender uma tecnologia do zero, entender os fundamentos é crucial. Se você usar uma tecnologia apenas porque ela é popular, sem conhecer seu propósito ou o problema que ela resolve, não produzirá um trabalho de qualidade. É por isso que eu explico detalhadamente O que é React? e O que é Redux? e forneço explicações detalhadas de seus propósitos e dos problemas que eles resolvem. Escrevemos nosso código seguindo os padrões do EcmaScript 6 e também discutimos os conceitos básicos do EcmaScript 6 e do sistema de módulos. Explico cuidadosamente conceitos como Componente, Props, Estado, Ciclo de vida e React Router, que formam a base do React. Context API: Gerenciar o estado em aplicações React pode ser um desafio significativo. Existem inúmeras bibliotecas disponíveis para o gerenciamento de estado, mas a mais simples e compreensível é a Context API, que está integrada ao núcleo do React. Ao longo do curso, desenvolvemos nossos projetos usando a Context API, e acredito firmemente que ela fornece uma compreensão clara do gerenciamento de estado. Redux: O Redux é frequentemente considerado uma estrutura complexa de entender e implementar. Atribuo essa dificuldade à falta de explicações sequenciais em muitos cursos. Ao explicar os conceitos de maneira passo a passo, o Redux se torna muito mais compreensível. Após responder a perguntas-chave como O que é Redux? e Por que precisamos dele?, explico os conceitos essenciais do Redux, incluindo Ação, Redutor, Despachante, Armazenamento e Provedor. Também enfatizo o gerenciamento e uso de Ações Assíncronas com o Middleware Redux-Thunk, tanto nos fundamentos quanto nas lições de projeto, para garantir uma compreensão duradoura. Embora você possa não perceber durante o curso, repito as mesmas informações em vídeos diferentes. A repetição é crucial para reter informações. Next.JS: Após entender o que é Renderização do Lado do Servidor, começamos a aprender o Next.JS, que fornece a melhor infraestrutura para SSR. Explico detalhadamente conceitos como Roteamento, Componente Estilizado, HMR, Fetch Isomórfico e Pré-busca. Além disso, apoio o tópico usando o Express.JS para processos de roteamento personalizados. Após esta seção, você será capaz de desenvolver aplicações React com suporte a SSR usando o Next.JS, uma das tecnologias web mais modernas atualmente. Aplicações Web Progressivas e JavaScript Service Workers: Aplicações Web Progressivas são um dos conceitos que você pode não ter ouvido falar muito ainda, mas que se tornarão cada vez mais importantes na próxima década. Imagine um site que possa funcionar mesmo sem conexão com a internet. Isso é possível graças aos Service Workers. Você quer que as pessoas possam usar seu site em túneis de metrô onde não há conexão com a internet? Explico esse tópico no curso e tenho certeza de que você se beneficiará com ele. Implantação: Após concluir seu projeto, a implantação pode ser um dos processos mais desafiadores. Você aprenderá como implantar suas aplicações React usando serviços prontos como Surge e Netlify. Além disso, discutimos e aplicamos processos de implantação no AWS EC2 para aprender como implantar em seu próprio servidor. O que Você Aprenderá: - Aprender React do zero. - Dominar o React em todos os seus aspectos. - Gerenciar o estado usando a Context API. - Aprender a escrever testes unitários. - Desenvolver aplicações web em tempo real. - Desenvolver páginas web que podem funcionar sem conexão com a internet. - Aprender como implantar projetos React. - Construir aplicações web de página única. - Aprender a trabalhar com serviços de backend. - Trabalhar com JavaScript Service Workers.