Alura React Live #02 - Using TypeScript in our project

typescript3 min

byLucas Santos

This page was machine translated. Read original / Suggest a fix

I had the pleasure of joining Mario Souto for the #ImersãoAlura, an amazing live session about how we can use TypeScript in our React projects!

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

Play

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 has evolved and how Node.js 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:

Javascript— Entendendo IteratorsCom certeza você já ouviu falar sobre iterators em outras linguagens como o C++ e o C#, mas aposto que você não sabia que o Javascript também era um adepto deste protocolo.Lucas Santos

And to round it out, an article about Symbols:

Javascript Symbols: Decifrando o mistérioNeste artigo conheça o mundo obscuro do Javascript, os Symbols, saiba que eles são estruturas extremamente poderosas e para que você pode utiliza-las!Lucas Santos

Node.js Under the Hood#

Mario mentioned a series of articles I wrote over a year about the fundamentals of Node.js. You can find them here:

Node.js Por Baixo dos Panos #1 - Conhecendo nossas ferramentasEsta é uma tradução do meu artigo original Recentemente eu fui convidado para fazer uma palestra em...Lucas Santos

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

Play

Check out the slides here:

Deno#

We got tons of questions about Deno too! So here’s a Hipsters episode I did about the technology:

Deno, o novo Node? - Hipsters #203 - Hipsters Ponto Tech…hipsters.tech

And I’ll leave here a tutorial on how to deploy a Deno application to Azure:

Deploy Deno apps to Azure App Service from the Azure CLITutorial part 1, introduction and prerequisites.diberry

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:

Entendendo Promises de uma vez por todasPromises sempre foram o calcanhar de Aquiles de muitos programadores. Com este guia vamos desmistificar o que é uma Promise e como ela funcionaLucas Santos

Along with the live session I did on the topic:

Play

Help translate the TypeScript website!#

I’m working together with my colleague Orta – who coordinates the creation and development of the TypeScript website – to translate the TypeScript website to Portuguese. You can help us by translating the files!

Get your code in the official website repository 😱

Portuguese Localization Coordination · Issue #233 · microsoft/TypeScript-Websitetsconfig intro.md allowJs.md allowSyntheticDefaultImports.md allowUmdGlobalAccess.md allowUnreachableCode.md allowUnusedLabels.md compilerOptions.md top_level.md watchOptions.md Additional_Checks_6...microsoft

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:

Artigo novo: Design Patterns com JavaScript & TypeScriptOs Design Patterns fazem parte do dia-a-dia de uma pessoa desenvolvedora de software quer ela queira ou não, muitas vezes nem sabemosLucas Santos

Project architecture with TS#

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

Event Sourcing - A arquitetura que pode salvar seu projeto - iMasters - We are DevelopersNo seguinte artigo, Lucas Santos apresenta os conceitos do Event Sourcing e explica suas principais vantagens e desvantagens.Lucas Santos

Along with the explainer video:

Play

And the slides for this talk:

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

Play

Hope you enjoyed the live session!

Don’t forget to keep up with my content on my blog and subscribe to the newsletter to get weekly news!

See you!