React - O Guia Completo: Hooks Context Redux MERN +15 Apps
Aprenda React: Hooks, State, MERN, Next.js, Remix Run, Redux, Tailwind CSS, Prisma e muito mais - CRIANDO +15 APPS REAIS
Classificação: 4.7 de 58266 avaliações
66.5 horas totais
756 palestras
Intermediário
Aprenda React: Hooks, State, MERN, Next.js, Remix Run, Redux, Tailwind CSS, Prisma e muito mais - CRIANDO +15 APPS REAIS
O único curso que ensina REACT SEM CONHECIMENTO PRÉVIO DOS TÓPICOS MAIS AVANÇADOS! COMPLETAMENTE GRAVADO PARA APRENDER HOOKS, CONTEXT E REDUX, MERN, Gatsby, GraphQL, Testes Criando mais de 15 projetos REAIS. React é uma biblioteca JavaScript desenvolvida pela Meta (Facebook) para criar interfaces web e aplicações interativas com fluxo de dados mais complexo do que jQuery ou apenas JavaScript. Aprender React, sem dúvida, o tornará um desenvolvedor web e JavaScript melhor. É uma biblioteca que nos permite escrever código JavaScript moderno e criar incríveis aplicações web. Neste curso, você aprenderá essa biblioteca criando vários projetos do mundo real (sem autenticações de arquivos TXT como em outros cursos, ou gastando 20 horas aprendendo o que é State, apenas código do mundo real que lhe dará um emprego). Se você nunca escreveu código React, mas tem o desejo de aprendê-lo, está no curso certo. Eu assumo que você nunca escreveu uma única linha de React. Nunca escreveu código JavaScript ou escreveu JavaScript em versões anteriores e não se lembra disso? O curso também inclui uma Introdução / Lembrete de JavaScript! O que vou aprender no curso? 1.- Introdução ao Curso e Projetos que iremos construir. Veremos tudo o que você aprenderá no curso de React JS. 2.- JavaScript - Introdução / Lembrete, Quanto JavaScript devo saber antes do React? Como o React é uma biblioteca JavaScript, é ideal ter algum conhecimento nessa linguagem, seja você nunca ter escrito uma linha de JavaScript ou tê-lo feito há muito tempo, este capítulo contém tudo o que você precisa saber antes de começar com o React. 3.- Ferramentas para criar aplicativos em React. Veremos algumas opções para criar aplicativos React, incluindo Vite, Remix Run, Next.js e Gatsby. 4.- Instalação do Node e NPM no Windows. Vamos ver como instalar o Node no Windows. 5.- Instalação do Node e NPM no Mac. Vamos ver como instalar o Node no Mac. 6.- PROJETO: Gerenciador de Pacientes em Vite, Tailwind CSS e LocalStorage. Começaremos com um projeto que inclui formulários, validação, state, props, Tailwind CSS para estilos e LocalStorage. A partir do primeiro projeto, você já terá uma base sólida de React. 7.- PROJETO: Controle de Orçamento em React com Vite e LocalStorage. Vamos pegar o que aprendemos no capítulo anterior e ver como criar um controle de orçamento, com validação, gráficos e muito mais! 8.- PROJETO: Cotação de Criptomoedas em Vite, Styled Components, Custom Hooks. Este será nosso primeiro projeto consumindo uma API externa, veremos como enviar uma solicitação para um servidor, ler a resposta e imprimi-la na tela. Este projeto inclui componentes estilizados e custom hooks. 9.- PROJETO: Gerenciador de Clientes - React Router DOM, Tailwind e JSON-Server. Neste projeto, veremos como criar aplicativos React de várias páginas com o React Router DOM. 10.- PROJETO: Cotação de Criptomoedas. Veremos como pegar 10 criptomoedas e cotá-las em TEMPO REAL para obter seu preço no momento, seja Bitcoin para USD ou Ethereum para Peso Mexicano, os dados vêm de uma API e aprenderemos mais sobre Styled Components. 11.- PROJETO: Pesquisa de Notícias com uma API. Será um dos últimos projetos com APIs gratuitas, veremos como criar Custom Hooks e outros tópicos como CSS Modules. 12.- PROJETO: Pesquisa de Imagens com a API do Pixabay. Além do que aprendemos em cada projeto (state, forms, validação, props), este projeto inclui um paginador personalizado e outras funcionalidades. 13.- PROJETO: Pesquisa de Letras e Informações do Artista. Este projeto faz uma consulta a 2 APIs ao mesmo tempo. 14.- PROJETO: Pesquisa de Bebidas com Context. Começaremos a trabalhar com a API de Contexto e o novo Hook useContext(), um dos projetos de nível intermediário que o preparará para os tópicos seguintes. 15.- PROJETO MERN: Gerenciador de Projetos e Tarefas. Aprenda a criar seu próprio Basecamp, Asana ou Trello com este aplicativo, permite que os usuários criem sua conta, façam login e comecem a criar projetos e atribuir tarefas. Os usuários poderão marcar e desmarcar tarefas concluídas e terão todas as opções de CRUD (Create Read Update and Delete). O Projeto usa MERN (MongoDB Node.js Express e React), estaremos criando uma API REST do zero que iremos conectar ao React. 16.- Next.js e Firebase: Criando um Clone do Site Product Hunt. Aprenda Next.js, o framework React para criar sites e aplicativos SSR, vamos integrá-lo ao Firebase (incluindo Autenticação, Armazenamento, Banco de Dados e Hospedagem) para criar um clone do site product hunt. Os usuários poderão se inscrever, adicionar produtos, receber votos e comentários! 17.- Gatsby, GraphQL e DatoCMS. Se há uma tecnologia que você deve aprender em 2020, é o Gatsby, a velocidade e o desempenho são incríveis, além disso, é feito em React, usa SSR e suporta GraphQL, sem dúvida o presente e o futuro do React!
O que você vai aprender
O curso inclui SSR, Gatsby, Next.js, MERN, Styled Components, Context
Criar projetos com Redux e React Redux (com Hooks)
Criar mais de 15 projetos com React
Conhecer o React a fundo
Aprender o que são Hooks e criar seus próprios Hooks
Usar Fetch API e Axios com React para consumir APIs
Integrar React com outras tecnologias JavaScript como Local Storage
Criar aplicativos e solicitações CRUD com React
Aprender Renderização do Lado do Servidor com React com Next.js e Gatsby
Implantação de Aplicações React no Netlify, Heroku, Vercel e muito mais
Criar Projetos em React e escrever código React que segue as melhores práticas
Criar Projetos com Next.js e Gatsby
Integrar Mongo Express e Node com React
Aprender a usar os Hooks useReducer e useContext
