O Guia Completo do React 2023 - Inglês

React Hooks, Redux Toolkit, React Routing v6, Tanstack Query, Firebase, Estilização (Chakra UI, MUI, Tailwind CSS) e Mais!

Avaliação: 4.8 de 521 avaliações

48 horas totais

292 palestras

Iniciante

React.js é a biblioteca JavaScript mais popular que você pode usar e aprender atualmente para construir interfaces de usuário web modernas e interativas. Neste curso de treinamento, você aprenderá os conceitos básicos e avançados passo a passo por meio de aplicações e exemplos - (você construirá vários projetos e aprenderá mais rápido por meio deles). Eu farei questão de explicar termos importantes em inglês e esclarecer o conceito em português para facilitar a compreensão e a retenção do conhecimento. O curso é focado no conceito de componentes funcionais primeiro, em vez de componentes de classe, o que você notará ao longo do curso. Este curso de treinamento ensinará você React.js de maneira orientada para aplicação e prática. Você aprenderá todos os fundamentos principais, bem como conceitos avançados e tópicos relacionados para se tornar um desenvolvedor React.js. Você aprenderá muitos Hooks, tanto básicos quanto avançados, além de hooks personalizados disponíveis em diferentes bibliotecas que usaremos nas aplicações. Este curso é um resumo de aprendizado contínuo e da pilha que construí antes, e eu quis organizá-lo de acordo com o que vi como adequado para iniciantes na linguagem React, porque quando aprendi React pela primeira vez, não havia uma fonte completa para receber informações organizadas e sequenciais de A a Z em português com explicações detalhadas. Preparei o conteúdo deste curso com base no guia proposto para aprender React em 2023. O conteúdo do curso de treinamento inclui:

Tópicos Fundamentais:

• Criar aplicativo React (CRA) Tool
• JSX
• Componentes funcionais
• Props
• Estados
• Renderização condicional
• Listas e chaves
• Ciclo de vida do componente
• Manipulação de eventos
• Hooks básicos: useState Hook, useEffect Hook

Tópicos Avançados:

• Hooks: useRef Hook, useCallback Hook, useMemo Hook, useContext Hook, Hooks personalizados
• Portais
• Ferramenta Vite
• Ecossistema:
• Estilização: Styled Components, MUI (Material UI), Tailwind CSS, React Bootstrap, Chakra UI
• Animações: Framer Motion
• Router: React Router v6: useLocation Hook, useNavigate Hook, useParams Hook
• Formulários: React Hook Form: useForm Hook, useFeildArray Hook
• Chamadas de API REST: Axios
• Gerenciamento de estado: Context: useContext Hook, Redux Toolkit: useDispatch Hook, useSelector Hook, TanStack Query (React Query): useQuery Hook, Redux Toolkit Query
• Firebase
• Tabelas: Material React Table
• Gráficos: React Chartjs 2
• Instalação de Extensões do Navegador: React Developer Tools, React Context DevTool, Redux DevTools

Aplicativos e Projetos:

• Aplicativos de Prática: Aplicativo de Filmes Simples, Aplicativo de Galeria de Esculturas, Aplicativo de Chef de Refeições (CRUD), Aplicativo de Fotos e Citações, Aplicativo de Busca de Livros, Aplicativo de Blog com Firebase
• Projeto Final: Sistema de E-Commerce

Você aprenderá todos os conceitos mencionados desde o início e não é necessário ter experiência prévia em React JS. Por favor, revise o currículo do curso para mais detalhes.

O que você aprenderá

• Aprenda a construir várias aplicações usando React JS
• Aprenda a criar uma loja de comércio eletrônico completa (com Painel de Administração e Painel de Controle)
• Domine os conceitos fundamentais do Redux Toolkit
• Aprenda Redux Toolkit Query
• Crie aplicações web poderosas, rápidas, interativas e amigáveis ao usuário usando React JS (SPA)
• Aprenda React Bootstrap, MUI
• Aprenda React Router V6
• Aprenda a Biblioteca Chakra UI
• Aprenda Styled Components usando CSS em Js
• Aprenda o Framework Tailwind CSS
• Aprenda React Hook Form
• Aprenda TanStack Query V4
• Crie aplicações integradas com a ajuda da plataforma Firebase
• Aprenda Gráficos e Tabelas em aplicações React

Você aprenderá todos os conceitos mencionados desde o início e não é necessário ter experiência prévia em React JS. Por favor, revise o currículo do curso para mais detalhes.