https://github.com/edijunior88/balta.io_criando_um_app_com_react

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!
https://github.com/edijunior88/balta.io_criando_um_app_com_react

react react-components react-context react-hooks react-router react-router-dom reactjs

Last synced: 30 days ago
JSON representation

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!

• Host: GitHub
• URL: https://github.com/edijunior88/balta.io_criando_um_app_com_react
• Owner: EdiJunior88
• License: mit
• Created: 2023-04-03T11:51:59.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-08T13:53:04.000Z (11 months ago)
• Last Synced: 2024-04-08T14:57:56.142Z (11 months ago)
• Topics: react, react-components, react-context, react-hooks, react-router, react-router-dom, reactjs
• Language: TypeScript
• Homepage: https://baltaio-mytodolist.netlify.app/
• Size: 677 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Security: SECURITY.md

Awesome Lists containing this project

README

        


Criando um App com React, TypeScript, Hooks, Context e Forms


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!




Fundamentos do React

Aprenda a criar e estruturar Apps com React, trabalhando com componentes e focando no reuso de código.


Neste curso veremos mais sobre o uso do TypeScript com React, trazendo ainda mais vida para nossos Apps com o poder da tipagem.


Contextos e Gestão de Estado

Aprenda a gerenciar estados locais e globais, utilizando o React Context e Provider, duas tecnologias poderosas para esta finalidade.


Hooks

Para 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.


Forms

Vamos também ver como podemos criar e validar formulários, utilizando bibliotecas modernas como Yup e claro, muitos Hooks.


Router

Para finalizar, vamos aprender como fazer a navegação de forma eficiente da nossa aplicação, combinando todos os tópicos anteriores.




Link do projeto: https://edijunior88-balta-mytodolist.netlify.app/



Tecnologias Utilizadas


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

-  [TypeScript](http://www.typescriptlang.org) – Languages

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

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

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

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





  Criação do App

  


    
Apresentação

    
Instalação

    
Estrutura do App

    
React e ReactDOM

    
Iniciando um componente

    
Rodando o App

    
Navbar

    
Menu de navegação

    
Models

    
Exibindo os itens

    
Criando o item da lista

    
Passando parâmetros para os componentes

    
Manipulando eventos

    
Eventos com parâmetros

    
React Context

    
Provider

    
Utilizando Context

    
Services

    
useState

    
useEffect

    
React Router

    
React Forms

    
Build e Conclusão

  

  Conclusão

    


      
Parabéns, você conseguiu

    





Status do deploy



  





Tempo Estudando a documentação




  

   

  







Aulas: :vhs: 23 video-aulas (Total de 2.1 horas)



Status do Curso: ✅ Concluído