export class AppComponent  {
  control = new FormControl(null, dummyValidator);
}
 
function dummyValidator(control: FormControl) {
  console.log('checking...')
  return null;
}

export class AppComponent {
  control = new FormControl(null, {
    validators: Validators.minLength(4),
    updateOn: 'blur'
  });
}

ngOnInit() {
  const name = this.group.get('name');
 
  name.valueChanges.pipe(
    debounceTime(300),
    untilDestroyed(this)
  ).subscribe(
  	() => name.setErrors(
    	Validators.minLength(2)(name)
    )
  );
}

this.group.get('name').patchValue('value', { onlySelf: true })

ngOnInit() {
  this.store.subscribe(
  	value => this.form.patchValue(value)
  );
 
  this.form.valueChanges.subscribe(
  	value => this.updateStore(value)
  );
}

this.form.patchValue(value, { emitEvent: false })

new FormGroup({
  name: new FormControl({ 
	disabled: true, 
    
	// !!!
	value: null 
  }),
  email: new FormControl()
})

name.valueChanges.subscribe(() => {
  console.log('changed!!');
});
 
setTimeout(() => {
  name.enable();
}, 1000);

name.enable({ emitEvent: false });
name.disable({ emitEvent: false });

FormGroup.value
 
// to
 
FormGroup.getRawValue();

function divide(divident, divisor) {
  const quotient = divident / divisor;
  return quotient;
}

if (meal.isHealthy()) {
 ...
}

@Component({
    ...
    template: `<FA [it]="items$ | async"></FA>`
})
class AppComponent {
  items$: Observable<Item[]>;
 
  constructor(
  	private itemService: ItemService
  ) {}
  
  ngOnInit() {
    this.items = this.loadItems();
  }
  
  loadItems(): Observable<Item[]> {
    return this.itemService.findItems();
  }
}

private unsubscribe$: Subject<void> = new Subject<void>();
 
...
 
this.itemService.findItems()
.pipe(
  map(value => value.item)
  takeUntil(this._destroyed$)
)
.subscribe();
 
...
 
public ngOnDestroy(): void {
  this.unsubscribe$.next();
  this.unsubscribe$.complete();
  this.unsubscribe$.unsubscribe();
}

// tsconfig.json
 
...
 
"paths": {
  "@app/*": ["app/*"],
  "@data/*": ["app/data/*"],
  "@lib/*": ["app/lib/*"],
  "@module/*": ["app/module/*"],
  "@shared/*": ["app/module/app-shared/*"],
  "@page/*": ["app/page/*"],
  "@service/*": ["app/service/*"],
  "@pipe/*": ["app/pipe/*"],
  "@assets/*": ["assets/*"],
  "@environments/*": ["environments/*"]
},
 
...

import { NgModule } from '@angular/core';
import { Routes, RouterModule, PreloadAllModules } from '@angular/router';
 
 
const routes: Routes = [];
 
@NgModule({
  imports: [RouterModule.forRoot(routes, {
  	preloadingStrategy: PreloadAllModules
  })],
  exports: [RouterModule]
})
export class AppRoutingModule { }

"scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e",
    
    // Add
    "bundle-report": "ng build --prod --stats-json && webpack-bundle-analyzer stats.json"
},