Curso de React

com Hooks e React Router 6

• 108 Aulas
• 18 Horas de Vídeo

Objetivo

Aprender a criar um aplicativo web com funcionalidades parecidas de redes sociais como o Instagram. O foco do curso é no entendimento completo do React, com isso praticamente tudo será criado do zero, sem a dependência de pacotes externos.

Curso disponível em Origamid

Pontos focais

• Hooks
• React Router (v6)
• useContext
• CSS Modules
• PropTypes
• Componentes Funcionais
• Propriedades
• Eventos

Uso

Depois do clone, acessar a pasta appreact via cd e executar:

Instalação de dependências

yarn install

Ambiente de desenvolvimento

yarn dev

Build de produção

yarn build

Nota

Apesar do curso não utilizar dependências, eu uso tailwindcss e algumas dependências necessárias como o autoprefixer e prettier. Tudo isso pode ser removido.

Grade Completa

• 01 React Completo
  • 0101 React Completo
  • 0102 Ferramentas
  • 0103 JavaScript
• 02 React Para Iniciantes
  • 0201 Adicionar React
  • 0202 React Básico
  • 0203 React e JavaScript
  • 0204 Webpack e Babel
  • 0205 npx create-react-app
  • 0206 Ambiente
  • 0207 JSX 1
  • 0208 JSX Arrays 1
  • 0209 Eventos
  • 0210 Componentes
  • 0211 Propriedades
  • 0212 Desafio Componentes
• 03 React Hooks
  • 0301 useState
  • 0302 useEffect
  • 0303 useRef
  • 0304 useMemo e useCallback
  • 0305 useContext
  • 0306 Custom Hooks
  • 0307 Regras
• 04 Formulários
  • 0401 Input
  • 0402 Textarea
  • 0403 Select
  • 0404 Radio
  • 0405 Checkbox
  • 0406 Componentes Input
  • 0407 Componentes Select
  • 0408 Componentes Radio
  • 0409 Componentes Checkbox
  • 0410 Validação
  • 0411 useForm
  • 0412 Desafio Formulários
• 05 CSS
  • 0501 CSS Import
  • 0502 CSS Modules
  • 0503 Styled Components
  • 0504 CSS Frameworks
  • 0505 Animações
  • 0506 Imagens
• 06 React Router
  • 0601 Router
  • 0602 Link
  • 0603 useParams
  • 0604 Nested Routes
  • 0605 Head
  • 0606 Desafio Router
• 07 Mais React
  • 0701 PropTypes
  • 0702 Lazy e Suspense
  • 0703 Memo
  • 0704 useReducer
  • 0705 Classes
• 08 Projeto Final
  • 0801 Dogs Website
  • 0802 Configuração
  • 0803 API
  • 0804 Estrutura Inicial
  • 0805 Header
  • 0806 Login Routes
  • 0807 Form Component
  • 0808 useForm
  • 0809 API Fetch
  • 0810 userContext
  • 0811 Validate Token
  • 0812 Login Form
  • 0813 Login Background
  • 0814 Login Criar
  • 0815 useFetch
  • 0816 Protected Route
  • 0817 User Header
  • 0818 Mobile Menu
  • 0819 Foto Post
  • 0820 Feed
  • 0821 Feed Modal
  • 0822 Comentário Post
  • 0823 Comentário Estilo 0824 Foto Delete
  • 0825 Image Skeleton
  • 0826 Loading
  • 0827 Scroll Infinito
  • 0828 Foto Página
  • 0829 Perfil Usuário
  • 0830 Erro 404
  • 0831 PropTypes
  • 0832 Perdeu Senha
  • 0833 Head
  • 0834 Footer
  • 0835 Biblioteca Externa
  • 0836 Lazy e Suspense
  • 0837 Ajustes Finais
  • 0838 Build e Hospedagem