/Origamid_React_Completo

O foco do curso é no entendimento completo do React, com isso praticamente tudo será criado do zero, sem a dependência de pacotes externos.

Primary LanguageJavaScriptMIT LicenseMIT

React JS Completo com Hooks

Neste curso você irá aprender a como utilizar o React do zero para o desenvolvimento de aplicações web reativas.

Você irá 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.


Site do Projeto: https://origamid-react-completo.onrender.com/


Acesso aos slides em: https://www.origamid.com/slide/react-completo/


Tecnologias Utilizadas

Para ver todas as tecnologias clique aqui


01 React Completo

  • 0101 React Completo
  • 0102 Ferramentas
  • 0103 JavaScript 1
  • 0103 JavaScript 2
  • 0103 JavaScript 3

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 Curso
  • 0207 JSX 1
  • 0207 JSX 2
  • 0208 JSX Arrays 1
  • 0208 JSX Arrays 2
  • 0209 Eventos
  • 0210 Componentes
  • 0211 Propriedades
  • 0212 Desafio Componentes

03 React Hooks

  • 0301 useState 1
  • 0301 useState 2
  • 0301 useState 3
  • 0302 useEffect 1
  • 0302 useEffect 2
  • 0303 useRef
  • 0304 useMemo e useCallback
  • 0305 useContext 1
  • 0305 useContext 2
  • 0306 Custom Hooks 1
  • 0306 Custom Hooks 2
  • 0307 Regras

04 Formulários

  • 0401 Input 1
  • 0401 Input 2
  • 0402 Textarea
  • 0403 Select
  • 0404 Radio
  • 0405 Checkbox 1
  • 0405 Checkbox 2
  • 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 1
  • 0505 Animações 2
  • 0506 Imagens

06 React Router

  • 0601 Router
  • 0602 Link
  • 0603 useParams
  • 0604 Nested Routes
  • 0605 Head
  • 0606 Desafio Router 1
  • 0606 Desafio Router 2
  • 0606 Desafio Router 3

07 Mais React

  • 0701 PropTypes
  • 0702 Lazy e Suspense
  • 0703 Memo
  • 0704 useReducer
  • 0705 Classes

08 Projeto Final

  • 0801 Dogs
  • 0802 Configuração
  • 0803 API 1
  • 0803 API 2
  • 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 1
  • 0821 Feed Modal 2
  • 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 1
  • 0832 Perdeu Senha 2
  • 0833 Head
  • 0834 Footer
  • 0835 Biblioteca Externa 1
  • 0835 Biblioteca Externa 2
  • 0836 Lazy e Suspense
  • 0837 Ajustes Finais
  • 0838 Build e Hospedagem
  • 09 Considerações Finais
  • 0901 React Completo Conclusão

Tempo Estudando o curso

wakatime


Aulas: 📼 108 video-aulas (Total de 18hrs)

Status do projeto: ✅ Concluído