Alura React Live #02 - Using TypeScript in our project

Today I had the pleasure of participating with Mario Souto in #AluraImmersion, a very engaging live session about how we can use TypeScript in our React project!

See how the live session went in the video below:

During the live session we had several pertinent questions about how TypeScript worked, what the differences were between a type and an interface, plus many other cool topics!

Discussed Content#

To help with your learning, I’m gathering here all the related content we discussed during the video!

Symbol.Iterator#

Right at the beginning of the live session we discussed the evolution of JavaScript and how Node.js and CoffeeScript were essential for the ecosystem to evolve. Then we talked a bit about Iterators and Downleveling.

So you can understand a bit about Iterators, I’ve separated an article I wrote some time ago:

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 complement it, 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 discussed a series of articles I produced over a year about the fundamentals of Node.js, these articles can be found 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

Besides that, you can also find a talk of mine on this topic (in English) at The Conf 2019:

Check out the slides here:

Deno#

We had many questions about Deno too! That’s why I’m leaving here the Hipsters episode I participated in about the technology!

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

And I’ll take the opportunity to 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 common question and a major challenge for those learning JavaScript is understanding the asynchronous message flow using Promises! That’s why I’m leaving here 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 participated in on the topic:

Help translate the TypeScript website!#

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

Have 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

TypeScript is a huge world, so I’m linking some other posts and content about the TypeScript universe that can open your mind to the things you can accomplish.

Design patterns with TS#

I wrote a guide on some parts about how we can apply design patterns with TypeScript on 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#

Together with other people I produced some videos on how we can apply various 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 explanatory video:

And the slides for this talk:

And finally, the content about how we can create a layered application using TS!

I hope you enjoyed the live session!

Be sure to follow more of my content on my blog and subscribe to the newsletter to receive weekly news!

See you soon!