LcsGa

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

---

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

---

LcsGa

@Injectable()
export class TestService {

    public readonly number: number = 123;

}

@Component({
    standalone: true,
    providers: [TestService],

LcsGa

<style>
  @property --bg-color {
    syntax: '<color>';
    inherits: true;
    initial-value: #fff;
  }

  body {
    display: grid;
    grid-template-rows: 2fr 1fr 3fr 2fr; /* let's do like all of this is not set manually but dynamically */

LcsGa

L'architecture du projet se découpe en deux grandes catégories :

• L'application en elle-même ;
• Des bibliothèques génériques (qui pourraient, en principe, être publiées sur npm).

Concentrons-nous sur l'application. Elle se découpe en trois modules principaux et un sous-module :

• common
• feature
• feature/shared (le sous-module)

LcsGa

@Component({
  ...
  template: `<input [(ngxDebounceInput)]="search" />`
})
export class Example {
  readonly search = signal('');
}