https://github.com/edijunior88/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.
https://github.com/edijunior88/origamid_react_completo

css cssmodules cssmodules-react html5 javascript react react-router reactjs

Last synced: 4 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/edijunior88/origamid_react_completo
• Owner: EdiJunior88
• License: mit
• Created: 2022-03-01T17:45:18.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2024-05-02T16:16:46.000Z (9 months ago)
• Last Synced: 2024-10-14T02:23:08.860Z (4 months ago)
• Topics: css, cssmodules, cssmodules-react, html5, javascript, react, react-router, reactjs
• Language: JavaScript
• Homepage: https://origamid-react-completo.onrender.com/
• Size: 13.7 MB
• Stars: 5
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Security: SECURITY.md

Awesome Lists containing this project

README

        


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


-  [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) – Languages

-  [React](https://reactjs.org/) – Javascript UI Libraries

-  [React Router](https://github.com/rackt/react-router) – JavaScript Framework Components

-  [Victory](http://formidable.com/open-source/victory/) – Charting Libraries

-  [ESLint](http://eslint.org/) – Code Review

-  [Vite](https://vitejs.dev/) – JS Build Tools / JS Task Runners

  

Para ver todas as tecnologias [clique aqui](/techstack.md)



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




  

    

  







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



Status do projeto: ✅ Concluído