Orientação a Objetos com TypeScript: Classes, Objetos e Estado na Prática

Aprender Orientação a Objetos com TypeScript é uma ótima maneira de entender como organizar melhor dados e comportamentos dentro de uma aplicação.

Nesta aula prática do Desvendando o Código, começamos com exemplos simples e evoluímos passo a passo para objetos literais, classes, atributos, métodos, instâncias, operador this e estado.

A proposta é entender os conceitos antes de avançar para aplicações maiores com tecnologias como React e React Native.

🎥 Assista à aula completa

Por que utilizar objetos?

Imagine informações armazenadas separadamente:

let nome = "João";
let email = "joao@email.com";
let idade = 25;

Funciona, mas conforme o sistema cresce fica mais difícil identificar quais informações pertencem à mesma entidade.

Um objeto literal permite agrupar esses dados:

const usuario = {
    nome: "João",
    email: "joao@email.com",
    idade: 25
};

Agora temos uma estrutura organizada representando um usuário.

Esse é justamente um dos primeiros passos trabalhados na aula: sair de informações isoladas e começar a estruturar os dados.

Classes e objetos com TypeScript

Depois dos objetos literais, avançamos para as classes.

Podemos pensar em uma classe como um molde utilizado para criar objetos.

class Usuario {

    nome: string;
    email: string;
    idade: number;

    constructor(nome: string, email: string, idade: number) {
        this.nome = nome;
        this.email = email;
        this.idade = idade;
    }
}

A partir desse molde podemos criar diferentes objetos:

const usuario1 = new Usuario(
    "João",
    "joao@email.com",
    25
);

const usuario2 = new Usuario(
    "Maria",
    "maria@email.com",
    30
);

Cada objeto é uma instância da classe Usuario. Esse processo de criar o molde e depois gerar diferentes objetos a partir dele é demonstrado passo a passo no vídeo.

Entendendo o this

Outro conceito importante é o operador:

this

Quando utilizamos:

this.nome

estamos nos referindo à propriedade nome do objeto atual.

Esse conceito aparece constantemente em Orientação a Objetos e entender seu funcionamento facilita bastante o estudo de classes e métodos.

Estado de um objeto

Também trabalhamos o conceito de estado.

Imagine um produto com estoque inicial:

const produto = {
    nome: "Notebook",
    estoque: 10
};

Se uma venda alterar o estoque para 8, o objeto continua sendo o mesmo, mas seu estado mudou.

Essa ideia ajuda inclusive a criar uma ponte com conceitos encontrados posteriormente no React e React Native, como o gerenciamento de estado. Essa relação também é abordada durante a aula.

O que você aprenderá na aula?

Ao longo do vídeo trabalhamos:

TypeScript • Objetos Literais • Classes • Objetos • Atributos • Métodos • Constructor • this • Instâncias • Estado

Tudo construído de forma progressiva e com exemplos práticos.

Conclusão

Entender Orientação a Objetos com TypeScript não significa apenas decorar a sintaxe de uma classe.

O objetivo é compreender como podemos organizar dados, definir comportamentos e criar estruturas reutilizáveis para desenvolver aplicações cada vez maiores.

Se você está estudando TypeScript, React ou React Native, dominar esses fundamentos vai facilitar bastante os próximos passos.