Younes Jaaidi yjaaidi

💭

👨🏻‍🍳 helping you cook better apps

👨🏻‍🍳 Software Cook | 👨🏻‍🏫 Trainer & eXtreme Programming Coach | 🅰️ Angular GDE / 🌊 Nx Champion

yjaaidi / +title-v1.module.ts

Last active June 7, 2019 20:34

Reactive Component Loader Demo

	@Component({
	selector: 'wt-title-v1',
	template: `<h1>v1: {{ title }}</h1>`
	})
	export class TitleV1Component {
	@Input() title: string;
	}

	@NgModule({
	imports: [CommonModule],

yjaaidi / speech-recognition-playground.js

Last active October 11, 2018 09:03

Speech Recognition Playground

	recognition = new webkitSpeechRecognition();
	recognition.continuous = true;
	recognition.lang = 'fr-FR';
	recognition.onresult = console.log;
	recognition.start();

yjaaidi / angular-logo-selector.ts

Created June 20, 2018 08:58

	@Component({
	selector: 'wt-logo',
	template: `
	<img [src]="getLogoUrl()">
	<button (click)="company = 'wishtack'">WISHTACK</button>
	<button (click)="company = 'google'">GOOGLE</button>
	`
	})
	export class LogoComponent {

yjaaidi / angular-picture-require.ts

Last active June 20, 2018 08:43

	@Component({
	selector: 'wt-logo',
	template: `<img [src]="logoUrl">`
	})
	export LogoComponent {
	logoUrl = require('!!url-loader!./logo.svg');
	}

yjaaidi / angular-rx-scavenger-collect-by-key.ts

Last active May 30, 2018 16:37

	import { Component, OnInit } from '@angular/core';
	import { Scavenger } from '@wishtack/rx-scavenger';
	import { interval } from 'rxjs';

	@Component({
	template: `<div>{{ count }}</div>`
	})
	export class CounterComponent implements OnDestroy, OnInit {

	count: number;

yjaaidi / angular-rx-scavenger.ts

Last active May 30, 2018 16:37

	import { Component, OnInit } from '@angular/core';
	import { Scavenger } from '@wishtack/rx-scavenger';
	import { interval } from 'rxjs';

	@Component({
	template: `<div>{{ count }}</div>`
	})
	export class CounterComponent implements OnDestroy, OnInit {

	count: number;

yjaaidi / angular-take-until-destroyed.ts

Created May 30, 2018 12:54

	import { Component, OnDestroy, OnInit } from '@angular/core';
	import { Subject, interval } from 'rxjs';
	import { takeUntil } from 'rxjs/operators';

	@Component({
	template: `
	<div>{{ count }}</div>
	<button (click)="startCounting()">Start Counting</button>
	`
	})

yjaaidi / angular-async-pipe-and-share-replay.ts

Created May 30, 2018 12:53

yjaaidi / angular-manual-unsubscribe.ts

Last active May 30, 2018 12:50

	import { Component } from '@angular/core';
	import { Subscription, interval } from 'rxjs';

	@Component({
	template: `<div>{{ count }}</div>`
	})
	export class CounterComponent implements OnDestroy, OnInit {

	count: number;

yjaaidi / angular-async-pipe.ts

Last active May 30, 2018 12:48

	import { Component } from '@angular/core';
	import { interval } from 'rxjs';

	@Component({
	template: `<div>{{ count$ \| async }}</div>`
	})
	export class CounterComponent {

	count$ = interval(1000);

	import { Component } from '@angular/core';
	import { interval } from 'rxjs';
	import { shareReplay } from 'rxjs/operators';

	@Component({
	template: `
	<div>{{ count$ \| async }}</div>
	<div>{{ count$ \| async }}</div>
	`
	})