¿En donde y porque aplicaríamos this? Lo he visto en lenguajes como React que no se aplica tanto, pero por ejemplo en Angular si se usa ...

Puede que hayas visto que en angular se usa más, porque angular trabajar por default con typescript y clases. Y el uso más común de this, es dentro de una clase.

Por ejemplo, te comparto un ejemplo sencillo de un componente en angular

import { ChangeDetectionStrategy, Component, Inject, OnInit } from '@angular/core';
import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';

@Component({
  selector: 'delete-dialog',
  templateUrl: './delete-dialog.component.html',
  styleUrls: ['./delete-dialog.component.scss'],
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class DeleteDialogComponent implements OnInit {

  constructor(
    public dialogRef: MatDialogRef<DeleteDialogComponent>,
    @Inject(MAT_DIALOG_DATA) public data: any
  ) { }

  ngOnInit() {
  }

  onNoClick(): void {
    this.dialogRef.close();
  }

  onYesClick(): void {
    this.dialogRef.close(true);
  }
}

En el que this, se usa para tomar un atributo de la clase y manipularlo.

Hola Ge_01, espero que estés bien.

Antes quería comentarte que React y Angular no serían jenguajes sino librerías para trabajar con JavaScript, que sería el lenguaje de programación detrás de esas herramientas geniales.

Aclarado un poco ese punto,

es un concepto fundamental de JavaScript que es tan importante como confuso para los que estamos empezando con el lenguaje.

En resumen

hace referencia a un objeto, el detalle es que al objeto que está haciendo referencia varía dependiendo del contexto.

Voy a tratar de darte un ejemplo con código:

function printThis() {
  console.log(this)
}

printThis()

Dentro de este contexto (las funciones)

hace referencia al objeto global (window), por lo que al ejecutar esa función en la consola verás que el resultado es

Pero, si estamos dentro del método de un objeto (recuerda que un método es una función dentro de un objeto),

hace referencia al las propiedades de ese objeto:

const game = {
  name: 'The last of us',
  year: 2013,

  describe() {
    console.log(`${this.name} fue lanzado en el año ${this.year}.`)
  },
}

game.describe()

En este caso el resultado en la consola será:

Sé que quizás esta explicación no te deje del todo claro que es

pero es que realmente es un concepto complejo, recuerda que en resumen hace referencia a un objeto, la complejidad es que no siempre es muy fácil entender a qué objeto está haciendo referencia.

Si sabes inglés, y quieres profundizar te recomiendo esta lectura Understanding This, Bind, Call, and Apply in JavaScript