App Masters

App Masters

  • English
  • Português

›Fundamentos de Javascript

App Masters - Core

  • Início
  • Conteúdo

Backend

  • Adonis
  • Laravel
  • Livewire
  • Sequelize

Fundamentos de Javascript

  • Javascript Assíncrono
  • Typescript

Padrões de Projeto

  • Presentational Container Design Pattern

Frontend

  • Ant Design
  • Flexbox
  • Media Queries
  • React Hook Form
  • Redux
  • Redux-Saga
  • Redux-Thunk
  • Styled Components
  • Tailwind
  • TWA
  • Yup

Testes

  • Cypress
  • Detox
  • Jest

Ferramentas

  • Docker
  • nvm
  • Storybook
  • Visual Studio Code

CMS

  • Strapi

Typescript

O que é?

Basicamente, é JavaScript com tipos. Essa ideia simples pode deixar parecendo que o TypeScript não faz muita coisa, mas não se engane: ele adciona ao JavaScript muito controle sobre o código, evitando erros que a falta de tipagem costuma trazer.

A maior praticidade que o typescript traz é poder passar o cursor em cima de uma variável ou função, e saber exatamente seu retorno, deixando muito mais fácil deduzir sua usabilidade.

Como usar?

Tipos básicos

  • boolean
  • number
  • string
  • array
  • tuple
  • enum
  • any

O tipo any geralmente é atribuído quando o typescript não consegue identificar a tipagem, mas também pode ser atribuído manualmente. Não é recomendado deixar o tipo como any. Definir exatamente os tipos ajuda não só o typescript, mas também o programador a entender melhor o código.

Tipos específicos

Se sua variável não se encaixar nos tipos básicos, é possível criar uma interface em que você configura seu objeto.

Se sua variável vier de um pacote, pode ser que o typescript não consiga atribuir o tipo dela. Nesses casos, geralmente o pacote conta com uma biblioteca de tipos.

Como aprender

Material útil

  • Typescript handbook
  • Playlist typescript
  • Video React com typescript crash course

Validando o conhecimento

  • Um jeito muito simples de validar o conhecimento em typescript, é pegar um código em javascript e adaptar ele ao typescript

Comandos úteis

  • npm install typescript --save-dev - instala typescript via npm
← Javascript AssíncronoPresentational Container Design Pattern →
  • O que é?
  • Como usar?
    • Tipos básicos
    • Tipos específicos
  • Como aprender
    • Material útil
    • Validando o conhecimento
  • Comandos úteis
App Masters
App masters
Content
More
BlogGitHub
Copyright © 2022 App Masters