# Alura React Live #02 - Using TypeScript in our project

Ever wondered if we could use TypeScript on the front-end? Let's dive into an application and learn how TypeScript works with React!

- URL: https://blog.lsantos.dev/en/alura-react-live-02-using-typescript-in-project/
- Published: 2020-07-29
- Updated: 2026-07-16
- Section: typescript
- Tags: video, typescript, react, development, technology
- Language: en
- Author: Lucas Santos

---
I had the pleasure of joining [Mario Souto](https://www.youtube.com/DevSoutinho/) for the **#ImersãoAlura**, an amazing live session about how we can use [TypeScript](https://docs.microsoft.com/archive/msdn-magazine/2015/january/typescript-understanding-typescript?WT.mc_id=personal-blog-ludossan) in our React projects!

Check out how the live session went in the video below:

![](https://www.youtube.com/watch?v=SpWFDTvgS9k)

We got tons of great questions during the session about how TypeScript works, the differences between types and interfaces, and so many other cool topics!

---

## Commented Content

I'm grouping here all the related content we discussed during the video to help with your learning!

### Symbol.Iterator

Right at the start of the session, we talked about how [JavaScript](https://docs.microsoft.com/visualstudio/javascript/tutorial-nodejs?view=vs-2019&WT.mc_id=personal-blog-ludossan) has evolved and how [Node.js](https://docs.microsoft.com/windows/nodejs/?WT.mc_id=personal-blog-ludossan) and CoffeeScript were essential for the ecosystem to move forward. Then we touched on Iterators and Downleveling.

Here's an article I wrote a while back to help you understand Iterators:

https://medium.com/trainingcenter/iterators-em-javascript-880adef14495

And to round it out, an article about Symbols:

https://medium.com/trainingcenter/javascript-symbols-decifrando-o-mist%C3%A9rio-383e359e64e3

### Node.js Under the Hood

Mario mentioned a series of articles I wrote over a year about the fundamentals of [Node.js](https://docs.microsoft.com/windows/nodejs/?WT.mc_id=personal-blog-ludossan). You can find them here:

https://dev.to/khaosdoctor/node-js-por-baixo-dos-panos-1-conhecendo-nossas-ferramentas-34b6

I also gave a talk on this topic (in English) at The Conf 2019:

![](https://www.youtube.com/watch?v=xUO__XJbY0A)

Check out the slides here:

![](https://speakerdeck.com/player/18a163851f0248728a2bdffa1ccc5355)

### Deno

We got tons of questions about [Deno](https://docs.microsoft.com/azure/developer/javascript/tutorial-visual-studio-code-azure-app-service-deno-01?WT.mc_id=personal-blog-ludossan) too! So here's a Hipsters episode I did about the technology:

https://hipsters.tech/deno-o-novo-node-hipsters-203/

And I'll leave here a tutorial on how to deploy a Deno application to [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

A very common question and a huge problem for those learning JavaScript is understanding asynchronous message flow using Promises! So here's an article I wrote on the subject:

https://medium.com/trainingcenter/entendendo-promises-de-uma-vez-por-todas-32442ec725c2

Along with the live session I did on the topic:

![](https://www.youtube.com/watch?v=wZwMVbgQZps)

### Help translate the TypeScript website!

I'm working together with my colleague [Orta](https://github.com/orta) – who coordinates the creation and development of the TypeScript website – to translate the [TypeScript website](https://typescriptlang.org) to Portuguese. You can help us by translating the files!

Get your code in the official website repository 😱

https://github.com/microsoft/TypeScript-Website/issues/233#issuecomment-664529171

---

## Other related content

TypeScript is a huge world, so I'm linking some other posts and content about the TypeScript universe that might open your eyes to what you can build:

### Design patterns with TS

I wrote a guide on how we can apply design patterns with TypeScript over at [iMasters](https://imasters.com.br/perfil/lucassantos):

https://imasters.com.br/devsecops/design-patterns-com-javascript-typescript

### Project architecture with TS

I worked with others to produce some videos on how we can apply different architectures like Event Sourcing:

https://imasters.com.br/banco-de-dados/event-sourcing-arquitetura-que-pode-salvar-seu-projeto

Along with the explainer video:

![](https://www.youtube.com/watch?v=ShzzilyzohU)

And the slides for this talk:

![](https://speakerdeck.com/player/d75766d1a73744afb51f983aea45fc42)

And to wrap it up, content on how we can build a layered application using TS:

![](https://www.youtube.com/watch?v=VpUt7u-oA5c)

---

Hope you enjoyed the live session!

Don't forget to keep up with my content on [my blog](/?utm_source=imasters&utm_medium=article&utm_campaign=behavioral_patterns) and subscribe to the newsletter to get weekly news!

See you!