{"id":14990607,"url":"https://github.com/edijunior88/origamid_react_completo","last_synced_at":"2025-04-12T02:38:03.022Z","repository":{"id":92585893,"uuid":"464997189","full_name":"EdiJunior88/Origamid_React_Completo","owner":"EdiJunior88","description":"O foco do curso é no entendimento completo do React, com isso praticamente tudo será criado do zero, sem a dependência de pacotes externos.","archived":false,"fork":false,"pushed_at":"2025-04-11T14:10:57.000Z","size":14384,"stargazers_count":5,"open_issues_count":1,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-12T02:37:53.703Z","etag":null,"topics":["css","cssmodules","cssmodules-react","html5","javascript","react","react-router","reactjs"],"latest_commit_sha":null,"homepage":"https://origamid-react-completo.onrender.com/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/EdiJunior88.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-03-01T17:45:18.000Z","updated_at":"2024-05-02T16:16:50.000Z","dependencies_parsed_at":"2023-12-25T22:24:38.071Z","dependency_job_id":"f7e59f2d-b106-4fe5-b61a-582308032706","html_url":"https://github.com/EdiJunior88/Origamid_React_Completo","commit_stats":{"total_commits":309,"total_committers":4,"mean_commits":77.25,"dds":0.4077669902912622,"last_synced_commit":"dabb03a40209796029019db4865693f74cda1ccc"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EdiJunior88%2FOrigamid_React_Completo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EdiJunior88%2FOrigamid_React_Completo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EdiJunior88%2FOrigamid_React_Completo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EdiJunior88%2FOrigamid_React_Completo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/EdiJunior88","download_url":"https://codeload.github.com/EdiJunior88/Origamid_React_Completo/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248507086,"owners_count":21115533,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","cssmodules","cssmodules-react","html5","javascript","react","react-router","reactjs"],"created_at":"2024-09-24T14:20:26.948Z","updated_at":"2025-04-12T02:38:02.996Z","avatar_url":"https://github.com/EdiJunior88.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cimg src=\"img/origamid-logo.png\" width=\"50%\"\u003e\n\u003ch2\u003eReact JS Completo com Hooks\u003c/h2\u003e\n\n\u003cp\u003eNeste curso você irá aprender a como utilizar o React do zero para o desenvolvimento de aplicações web reativas.\u003c/p\u003e\n\u003cp\u003eVocê irá aprender a criar um aplicativo web com funcionalidades parecidas de redes sociais como o Instagram.\u003c/p\u003e\n\u003cp\u003eO foco do curso é no entendimento completo do React, com isso praticamente tudo será criado do zero, sem a dependência de pacotes externos.\u003c/p\u003e\n\n\u003chr\u003e\n\n\u003cstrong\u003eSite do Projeto:\u003c/strong\u003e \u003ca href=\"https://origamid-react-completo.onrender.com/\"\u003ehttps://origamid-react-completo.onrender.com/\u003c/a\u003e\n\n\u003chr\u003e\n\n\u003cstrong\u003eAcesso aos slides em:\u003c/strong\u003e \u003ca href=\"https://www.origamid.com/slide/react-completo/\"\u003ehttps://www.origamid.com/slide/react-completo/\u003c/a\u003e\n\n\u003chr\u003e\n\n\u003ch3\u003eTecnologias Utilizadas\u003c/h3\u003e\n\n- \u003cimg width='25' height='25' src='https://img.stackshare.io/service/1209/javascript.jpeg' alt='JavaScript'/\u003e [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) – Languages\n- \u003cimg width='25' height='25' src='https://img.stackshare.io/service/1020/OYIaJ1KK.png' alt='React'/\u003e [React](https://reactjs.org/) – Javascript UI Libraries\n- \u003cimg width='25' height='25' src='https://img.stackshare.io/service/3350/8261421.png' alt='React Router'/\u003e [React Router](https://github.com/rackt/react-router) – JavaScript Framework Components\n- \u003cimg width='25' height='25' src='https://img.stackshare.io/service/6115/default_991927763182707c7c8d92503b25c7fa09c0de2a.png' alt='Victory'/\u003e [Victory](http://formidable.com/open-source/victory/) – Charting Libraries\n- \u003cimg width='25' height='25' src='https://img.stackshare.io/service/3337/Q4L7Jncy.jpg' alt='ESLint'/\u003e [ESLint](http://eslint.org/) – Code Review\n- \u003cimg width='25' height='25' src='https://img.stackshare.io/service/21547/default_1aeac791cde11ff66cc0b20dcc6144eeb185c905.png' alt='Vite'/\u003e [Vite](https://vitejs.dev/) – JS Build Tools / JS Task Runners\n  \nPara ver todas as tecnologias [clique aqui](/techstack.md)\n\n\u003chr\u003e\n\n\u003ch3\u003e01 React Completo\u003c/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e0101 React Completo\u003c/li\u003e\n  \u003cli\u003e0102 Ferramentas\u003c/li\u003e\n  \u003cli\u003e0103 JavaScript 1\u003c/li\u003e\n  \u003cli\u003e0103 JavaScript 2\u003c/li\u003e\n  \u003cli\u003e0103 JavaScript 3\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003chr\u003e\n\n\u003ch3\u003e02 React Para Iniciantes\u003c/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e0201 Adicionar React\u003c/li\u003e\n  \u003cli\u003e0202 React Básico\u003c/li\u003e\n  \u003cli\u003e0203 React e JavaScript\u003c/li\u003e\n  \u003cli\u003e0204 Webpack e Babel\u003c/li\u003e\n  \u003cli\u003e0205 npx create-react-app\u003c/li\u003e\n  \u003cli\u003e0206 Ambiente Curso\u003c/li\u003e\n  \u003cli\u003e0207 JSX 1\u003c/li\u003e\n  \u003cli\u003e0207 JSX 2\u003c/li\u003e\n  \u003cli\u003e0208 JSX Arrays 1\u003c/li\u003e\n  \u003cli\u003e0208 JSX Arrays 2\u003c/li\u003e\n  \u003cli\u003e0209 Eventos\u003c/li\u003e\n  \u003cli\u003e0210 Componentes\u003c/li\u003e\n  \u003cli\u003e0211 Propriedades\u003c/li\u003e\n  \u003cli\u003e0212 Desafio Componentes\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003chr\u003e\n\n\u003ch3\u003e03 React Hooks\u003c/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e0301 useState 1\u003c/li\u003e\n  \u003cli\u003e0301 useState 2\u003c/li\u003e\n  \u003cli\u003e0301 useState 3\u003c/li\u003e\n  \u003cli\u003e0302 useEffect 1\u003c/li\u003e\n  \u003cli\u003e0302 useEffect 2\u003c/li\u003e\n  \u003cli\u003e0303 useRef\u003c/li\u003e\n  \u003cli\u003e0304 useMemo e useCallback\u003c/li\u003e\n  \u003cli\u003e0305 useContext 1\u003c/li\u003e\n  \u003cli\u003e0305 useContext 2\u003c/li\u003e\n  \u003cli\u003e0306 Custom Hooks 1\u003c/li\u003e\n  \u003cli\u003e0306 Custom Hooks 2\u003c/li\u003e\n  \u003cli\u003e0307 Regras\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003chr\u003e\n\n\u003ch3\u003e04 Formulários\u003c/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e0401 Input 1\u003c/li\u003e\n  \u003cli\u003e0401 Input 2\u003c/li\u003e\n  \u003cli\u003e0402 Textarea\u003c/li\u003e\n  \u003cli\u003e0403 Select\u003c/li\u003e\n  \u003cli\u003e0404 Radio\u003c/li\u003e\n  \u003cli\u003e0405 Checkbox 1\u003c/li\u003e\n  \u003cli\u003e0405 Checkbox 2\u003c/li\u003e\n  \u003cli\u003e0406 Componentes Input\u003c/li\u003e\n  \u003cli\u003e0407 Componentes Select\u003c/li\u003e\n  \u003cli\u003e0408 Componentes Radio\u003c/li\u003e\n  \u003cli\u003e0409 Componentes Checkbox\u003c/li\u003e\n  \u003cli\u003e0410 Validação\u003c/li\u003e\n  \u003cli\u003e0411 useForm\u003c/li\u003e\n  \u003cli\u003e0412 Desafio Formulários\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003chr\u003e\n\n\u003ch3\u003e05 CSS\u003c/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e0501 CSS Import\u003c/li\u003e\n  \u003cli\u003e0502 CSS Modules\u003c/li\u003e\n  \u003cli\u003e0503 Styled Components\u003c/li\u003e\n  \u003cli\u003e0504 CSS Frameworks\u003c/li\u003e\n  \u003cli\u003e0505 Animações 1\u003c/li\u003e\n  \u003cli\u003e0505 Animações 2\u003c/li\u003e\n  \u003cli\u003e0506 Imagens\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003chr\u003e\n\n\u003ch3\u003e06 React Router\u003c/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e0601 Router\u003c/li\u003e\n  \u003cli\u003e0602 Link\u003c/li\u003e\n  \u003cli\u003e0603 useParams\u003c/li\u003e\n  \u003cli\u003e0604 Nested Routes\u003c/li\u003e\n  \u003cli\u003e0605 Head\u003c/li\u003e\n  \u003cli\u003e0606 Desafio Router 1\u003c/li\u003e\n  \u003cli\u003e0606 Desafio Router 2\u003c/li\u003e\n  \u003cli\u003e0606 Desafio Router 3\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003chr\u003e\n\n\u003ch3\u003e07 Mais React\u003c/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e0701 PropTypes\u003c/li\u003e\n  \u003cli\u003e0702 Lazy e Suspense\u003c/li\u003e\n  \u003cli\u003e0703 Memo\u003c/li\u003e\n  \u003cli\u003e0704 useReducer\u003c/li\u003e\n  \u003cli\u003e0705 Classes\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003chr\u003e\n\n\u003ch3\u003e08 Projeto Final\u003c/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e0801 Dogs\u003c/li\u003e\n  \u003cli\u003e0802 Configuração\u003c/li\u003e\n  \u003cli\u003e0803 API 1\u003c/li\u003e\n  \u003cli\u003e0803 API 2\u003c/li\u003e\n  \u003cli\u003e0804 Estrutura Inicial\u003c/li\u003e\n  \u003cli\u003e0805 Header\u003c/li\u003e\n  \u003cli\u003e0806 Login Routes\u003c/li\u003e\n  \u003cli\u003e0807 Form Component\u003c/li\u003e\n  \u003cli\u003e0808 useForm\u003c/li\u003e\n  \u003cli\u003e0809 API Fetch\u003c/li\u003e\n  \u003cli\u003e0810 userContext\u003c/li\u003e\n  \u003cli\u003e0811 Validate Token\u003c/li\u003e\n  \u003cli\u003e0812 Login Form\u003c/li\u003e\n  \u003cli\u003e0813 Login Background\u003c/li\u003e\n  \u003cli\u003e0814 Login Criar\u003c/li\u003e\n  \u003cli\u003e0815 useFetch\u003c/li\u003e\n  \u003cli\u003e0816 Protected Route\u003c/li\u003e\n  \u003cli\u003e0817 User Header\u003c/li\u003e\n  \u003cli\u003e0818 Mobile Menu\u003c/li\u003e\n  \u003cli\u003e0819 Foto Post\u003c/li\u003e\n  \u003cli\u003e0820 Feed\u003c/li\u003e\n  \u003cli\u003e0821 Feed Modal 1\u003c/li\u003e\n  \u003cli\u003e0821 Feed Modal 2\u003c/li\u003e\n  \u003cli\u003e0822 Comentário Post\u003c/li\u003e\n  \u003cli\u003e0823 Comentário Estilo\u003c/li\u003e\n  \u003cli\u003e0824 Foto Delete\u003c/li\u003e\n  \u003cli\u003e0825 Image Skeleton\u003c/li\u003e\n  \u003cli\u003e0826 Loading\u003c/li\u003e\n  \u003cli\u003e0827 Scroll Infinito\u003c/li\u003e\n  \u003cli\u003e0828 Foto Página\u003c/li\u003e\n  \u003cli\u003e0829 Perfil Usuário\u003c/li\u003e\n  \u003cli\u003e0830 Erro 404\u003c/li\u003e\n  \u003cli\u003e0831 PropTypes\u003c/li\u003e\n  \u003cli\u003e0832 Perdeu Senha 1\u003c/li\u003e\n  \u003cli\u003e0832 Perdeu Senha 2\u003c/li\u003e\n  \u003cli\u003e0833 Head\u003c/li\u003e\n  \u003cli\u003e0834 Footer\u003c/li\u003e\n  \u003cli\u003e0835 Biblioteca Externa 1\u003c/li\u003e\n  \u003cli\u003e0835 Biblioteca Externa 2\u003c/li\u003e\n  \u003cli\u003e0836 Lazy e Suspense\u003c/li\u003e\n  \u003cli\u003e0837 Ajustes Finais\u003c/li\u003e\n  \u003cli\u003e0838 Build e Hospedagem\u003c/li\u003e\n  \u003cli\u003e09 Considerações Finais\u003c/li\u003e\n  \u003cli\u003e0901 React Completo Conclusão\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003chr\u003e\n\n\u003ch3\u003eTempo Estudando o curso\u003c/h3\u003e\n\n\u003cp\u003e\n  \u003ca href=\"https://wakatime.com/badge/github/EdiJunior88/Origamid_React_Completo\"\u003e\n    \u003cimg src=\"https://wakatime.com/badge/github/EdiJunior88/Origamid_React_Completo.svg\" alt=\"wakatime\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003chr\u003e\n\n\u003ch4\u003e\u003cb\u003eAulas:\u003c/b\u003e :vhs: 108 video-aulas (Total de 18hrs)\u003c/h4\u003e\n\u003ch4\u003e\u003cb\u003eStatus do projeto:\u003c/b\u003e ✅ Concluído\u003c/h4\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fedijunior88%2Forigamid_react_completo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fedijunior88%2Forigamid_react_completo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fedijunior88%2Forigamid_react_completo/lists"}