# Imersão Alura React Live #02 - Usando TypeScript no nosso projeto Conhece TypeScript? Você sabia que podemos utilizar TypeScript no front-end? Vamos explorar uma aplicação e entender como funciona o typeScript utilizando React! - URL: https://blog.lsantos.dev/imersao-react-live-02-usando-typescript-no-nosso-projeto/ - Published: 2020-07-29 - Updated: 2026-07-16 - Category: technology - Tags: video, typescript, react - Language: pt - Author: Lucas Santos --- Hoje tive o prazer de participar junto com o [Mario Souto](https://www.youtube.com/DevSoutinho/) da **#ImersãoAlura** uma live super animada sobre como podemos utilizar [TypeScript](https://docs.microsoft.com/archive/msdn-magazine/2015/january/typescript-understanding-typescript?WT.mc_id=personal-blog-ludossan) no nosso projeto React! Veja como foi a live no vídeo abaixo: ![](https://www.youtube.com/watch?v=SpWFDTvgS9k) Durante a live tivemos várias perguntas super pertinentes sobre como funcionava o TypeScript, quais eram as diferenças entre um tipo e uma interface, além de muitos outros conteúdos muito legais! --- ## Conteúdo Comentado Para facilitar o seu aprendizado, estou agrupando aqui todo o conteúdo relacionado que comentamos durante o vídeo! ### Symbol.Iterator Logo no início da live comentamos sobre a evolução do [JavaScript](https://docs.microsoft.com/visualstudio/javascript/tutorial-nodejs?view=vs-2019&WT.mc_id=personal-blog-ludossan) e como o [Node.js](https://docs.microsoft.com/windows/nodejs/?WT.mc_id=personal-blog-ludossan) e o CoffeeScript foi essencial para que o ecossistema evoluísse. Então comentamos um pouco sobre Iterators e Downleveling. Para que você entenda um pouco sobre Iterators, separei um artigo que escrevi há um tempo: https://medium.com/trainingcenter/iterators-em-javascript-880adef14495 E, para complementar, um artigo sobre Symbols: https://medium.com/trainingcenter/javascript-symbols-decifrando-o-mist%C3%A9rio-383e359e64e3 ### Node.js Por baixo dos Panos O Mário comentou sobre uma série de artigos que produzi ao longo de um ano sobre os fundamentos do [Node.js](https://docs.microsoft.com/windows/nodejs/?WT.mc_id=personal-blog-ludossan), estes artigos podem ser encontrados aqui: https://dev.to/khaosdoctor/node-js-por-baixo-dos-panos-1-conhecendo-nossas-ferramentas-34b6 Além disso, você pode encontrar também uma palestra minha sobre este tema (em inglês) no The Conf 2019: ![](https://www.youtube.com/watch?v=xUO__XJbY0A) Veja os slides aqui: ![](https://speakerdeck.com/player/18a163851f0248728a2bdffa1ccc5355) ### Deno Tivemos muitas perguntas sobre [Deno](https://docs.microsoft.com/azure/developer/javascript/tutorial-visual-studio-code-azure-app-service-deno-01?WT.mc_id=personal-blog-ludossan) também! Por isso vou deixar aqui o Hipsters que participei sobre a tecnologia! https://hipsters.tech/deno-o-novo-node-hipsters-203/ E aproveito para deixar um tutorial de como fazer o deploy de uma aplicação Deno para a [Azure](https://azure.microsoft.com/?WT.mc_id=personal-blog-ludossan)! https://docs.microsoft.com/azure/developer/javascript/tutorial-visual-studio-code-azure-app-service-deno-01?WT.mc_id=personal-blog-ludossan ### Promises Uma pergunta bastante comum e um grande problema para quem está aprendendo JavaScript é o entendimento do fluxo assíncrono de mensagens usando Promises! Por isso vou deixar aqui um artigo que escrevi sobre o assunto https://medium.com/trainingcenter/entendendo-promises-de-uma-vez-por-todas-32442ec725c2 Juntamente com a Live que participei sobre o tema: ![](https://www.youtube.com/watch?v=wZwMVbgQZps) ### Ajude a traduzir o site do TypeScript! Estou, em conjunto com meu colega [Orta](https://github.com/orta) – que coordena a criação e desenvolvimento do site do TypeScript – coordenando a tradução para a língua portuguesa do [](https://www.staging-typescript.org/docs/home)[site do TypeScript](https://typescriptlang.org). Você pode nos ajudar traduzindo os arquivos! Tenha seu código no repositório oficial do website 😱 https://github.com/microsoft/TypeScript-Website/issues/233#issuecomment-664529171 --- ## Outros conteúdos relacionados O TypeScript é um mundo imenso, então estou linkando alguns outros posts e conteúdos sobre o universo TypeScript que podem abrir a sua mente para as coisas que você pode realizar ### Padrões de projeto com TS Escrevi um guia de algumas partes sobre como podemos aplicar padrões de projetos com TypeScript lá no [iMasters](https://imasters.com.br/perfil/lucassantos)! https://imasters.com.br/devsecops/design-patterns-com-javascript-typescript ### Arquitetura de projetos com TS Em conjunto com outras pessoas produzi alguns vídeos sobre como podemos aplicar diversas arquiteturas como Event Sourcing: https://imasters.com.br/banco-de-dados/event-sourcing-arquitetura-que-pode-salvar-seu-projeto Juntamente com o vídeo explicativo: ![](https://www.youtube.com/watch?v=ShzzilyzohU) E os slides para esta palestra: ![](https://speakerdeck.com/player/d75766d1a73744afb51f983aea45fc42) E, para finalizar, o conteúdo sobre como podemos criar uma aplicação em camadas usando TS! ![](https://www.youtube.com/watch?v=VpUt7u-oA5c) --- Espero que tenham gostado da live! Não deixe de acompanhar mais do meu conteúdo no [meu blog](/?utm_source=imasters&utm_medium=article&utm_campaign=behavioral_patterns) e se inscreva na newsletter para receber notícias semanais! Até mais!