{"id":21362367,"url":"https://github.com/edijunior88/balta.io_criando_um_app_com_react","last_synced_at":"2026-04-16T13:36:54.192Z","repository":{"id":150325972,"uuid":"622950028","full_name":"EdiJunior88/Balta.io_Criando_um_App_com_React","owner":"EdiJunior88","description":"Neste curso vamos criar um App completo utilizando React e TypeScript, passando pelos conceitos de gestão de estado com React Context, utilizando React Hooks e React Forms, tudo na prática, direto ao ponto!","archived":false,"fork":false,"pushed_at":"2024-04-08T13:53:04.000Z","size":693,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-04-08T14:57:56.142Z","etag":null,"topics":["react","react-components","react-context","react-hooks","react-router","react-router-dom","reactjs"],"latest_commit_sha":null,"homepage":"https://baltaio-mytodolist.netlify.app/","language":"TypeScript","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}},"created_at":"2023-04-03T11:51:59.000Z","updated_at":"2024-04-15T15:16:56.619Z","dependencies_parsed_at":"2023-10-02T20:44:47.215Z","dependency_job_id":"8190dde7-56d6-4ef5-97f6-57efe866ced9","html_url":"https://github.com/EdiJunior88/Balta.io_Criando_um_App_com_React","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EdiJunior88%2FBalta.io_Criando_um_App_com_React","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EdiJunior88%2FBalta.io_Criando_um_App_com_React/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EdiJunior88%2FBalta.io_Criando_um_App_com_React/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EdiJunior88%2FBalta.io_Criando_um_App_com_React/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/EdiJunior88","download_url":"https://codeload.github.com/EdiJunior88/Balta.io_Criando_um_App_com_React/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243836015,"owners_count":20355615,"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":["react","react-components","react-context","react-hooks","react-router","react-router-dom","reactjs"],"created_at":"2024-11-22T06:15:02.753Z","updated_at":"2026-04-16T13:36:49.156Z","avatar_url":"https://github.com/EdiJunior88.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cimg src=\"img/balta-logo2.svg\" width=\"40%\"\u003e\n\u003ch2\u003eCriando um App com React, TypeScript, Hooks, Context e Forms\u003c/h2\u003e\n\n\u003cp\u003eNeste curso vamos criar um App completo utilizando React e TypeScript, passando pelos conceitos de gestão de estado com React Context, utilizando React Hooks e React Forms, tudo na prática, direto ao ponto!\u003c/p\u003e\n\n\u003chr\u003e\n\n\u003cstrong\u003eFundamentos do React\u003c/strong\u003e\n\n\u003cp\u003eAprenda a criar e estruturar Apps com React, trabalhando com componentes e focando no reuso de código.\u003c/p\u003e\n\n\u003cp\u003eNeste curso veremos mais sobre o uso do TypeScript com React, trazendo ainda mais vida para nossos Apps com o poder da tipagem.\u003c/p\u003e\n\n\u003cstrong\u003eContextos e Gestão de Estado\u003c/strong\u003e\n\n\u003cp\u003eAprenda a gerenciar estados locais e globais, utilizando o React Context e Provider, duas tecnologias poderosas para esta finalidade.\u003c/p\u003e\n\n\u003cstrong\u003eHooks\u003c/strong\u003e\n\n\u003cp\u003ePara dar um ar mais modernos a nossa aplicação, vamos aprender mais sobre o uso de Hooks e como deixar tudo \"conectado\" para facilitar o desenvolvimento e testes.\u003c/p\u003e\n\n\u003cstrong\u003eForms\u003c/strong\u003e\n\n\u003cp\u003eVamos também ver como podemos criar e validar formulários, utilizando bibliotecas modernas como Yup e claro, muitos Hooks.\u003c/p\u003e\n\n\u003cstrong\u003eRouter\u003c/strong\u003e\n\n\u003cp\u003ePara finalizar, vamos aprender como fazer a navegação de forma eficiente da nossa aplicação, combinando todos os tópicos anteriores.\u003c/p\u003e\n\n\u003chr\u003e\n\n\u003cstrong\u003eLink do projeto:\u003c/strong\u003e \u003ca href=\"https://edijunior88-balta-mytodolist.netlify.app/\"\u003ehttps://edijunior88-balta-mytodolist.netlify.app/\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/1612/bynNY5dJ.jpg' alt='TypeScript'/\u003e [TypeScript](http://www.typescriptlang.org) – 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/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\u003cul\u003e\n  \u003cstrong\u003eCriação do App\u003c/strong\u003e\n  \u003cul\u003e\n    \u003cli\u003eApresentação\u003c/li\u003e\n    \u003cli\u003eInstalação\u003c/li\u003e\n    \u003cli\u003eEstrutura do App\u003c/li\u003e\n    \u003cli\u003eReact e ReactDOM\u003c/li\u003e\n    \u003cli\u003eIniciando um componente\u003c/li\u003e\n    \u003cli\u003eRodando o App\u003c/li\u003e\n    \u003cli\u003eNavbar\u003c/li\u003e\n    \u003cli\u003eMenu de navegação\u003c/li\u003e\n    \u003cli\u003eModels\u003c/li\u003e\n    \u003cli\u003eExibindo os itens\u003c/li\u003e\n    \u003cli\u003eCriando o item da lista\u003c/li\u003e\n    \u003cli\u003ePassando parâmetros para os componentes\u003c/li\u003e\n    \u003cli\u003eManipulando eventos\u003c/li\u003e\n    \u003cli\u003eEventos com parâmetros\u003c/li\u003e\n    \u003cli\u003eReact Context\u003c/li\u003e\n    \u003cli\u003eProvider\u003c/li\u003e\n    \u003cli\u003eUtilizando Context\u003c/li\u003e\n    \u003cli\u003eServices\u003c/li\u003e\n    \u003cli\u003euseState\u003c/li\u003e\n    \u003cli\u003euseEffect\u003c/li\u003e\n    \u003cli\u003eReact Router\u003c/li\u003e\n    \u003cli\u003eReact Forms\u003c/li\u003e\n    \u003cli\u003eBuild e Conclusão\u003c/li\u003e\n  \u003c/ul\u003e\n  \u003cstrong\u003eConclusão\u003c/strong\u003e\n    \u003cul\u003e\n      \u003cli\u003eParabéns, você conseguiu\u003c/li\u003e\n    \u003c/ul\u003e\n\u003c/ul\u003e\n\n\u003chr\u003e\n\n\u003ch3\u003eStatus do deploy\u003c/h3\u003e\n\u003cp\u003e\n  \u003cimg src=\"https://api.netlify.com/api/v1/badges/d6746747-977e-44dd-9db6-f20bf50b854b/deploy-status\" /\u003e\n\u003c/p\u003e\n\n\u003chr\u003e\n\n\u003ch3\u003eTempo Estudando a documentação\u003c/h3\u003e\n\n\u003cp\u003e\n  \u003ca href=\"https://wakatime.com/badge/github/EdiJunior88/Balta.io_Criando_um_App_com_React\"\u003e\n   \u003cimg src=\"https://wakatime.com/badge/github/EdiJunior88/Balta.io_Criando_um_App_com_React.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: 23 video-aulas (Total de 2.1 horas)\u003c/h4\u003e\n\u003ch4\u003e\u003cb\u003eStatus do Curso:\u003c/b\u003e ✅ Concluído\u003c/h4\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fedijunior88%2Fbalta.io_criando_um_app_com_react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fedijunior88%2Fbalta.io_criando_um_app_com_react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fedijunior88%2Fbalta.io_criando_um_app_com_react/lists"}