Dmitry A. Efimenko DmitryEfimenko

DmitryEfimenko / blog_unit-tests_lvl-1_code-01.ts

Last active February 14, 2023 06:24

	describe('CatService', () => {
	let classUnderTest: CatService;

	beforeAll(() => {
	classUnderTest = new CatService();
	});

	it('returns undefined for an unknown cat breed', () => {
	const result = classUnderTest.getBreed('Maine Coon');

DmitryEfimenko / remote-data-009.ts

Last active July 1, 2022 09:54

	productsData$ = this.loadProductsClicks$.pipe(
	switchMap(() => this.http.get('/api/products').pipe(trackRemoteData()))
	);

DmitryEfimenko / remote-data-008.ts

Last active July 1, 2022 09:40

	@Component({
	selector: 'app-products',
	template: `
	<button (click)="loadProducts()">Load Products</button>

	<ng-container *ngIf="productsData$ \| async as productsData">
	<ng-container *ngIf="productsData.state === 'loading'">
	Loading...
	</ng-container>

DmitryEfimenko / remote-data-007.ts

Last active July 1, 2022 09:37

	@Component({
	selector: 'app-products',
	template: `
	<button (click)="loadProducts()">Load Products</button>

	<ng-container *ngIf="productsData.state === 'loading'">
	Loading...
	</ng-container>

	<ng-container *ngIf="productsData.state === 'error'">

DmitryEfimenko / remote-data-006.ts

Created July 1, 2022 09:03

	type RemoteData<T = unknown, E = Error> =
	\| NotAskedState<T>
	\| LoadingState<T>
	\| SuccessState<T>
	\| ErrorState<T, E>;

	export interface LoadingState<T = unknown> {
	readonly state: 'loading';
	readonly isLoading: true;
	readonly value?: T;

DmitryEfimenko / remote-data-005.ts

Created July 1, 2022 08:59

	function loadingState(): LoadingState {
	return {
	state: 'loading',
	isLoading: true,
	value,
	};
	}

	function successState<T>(value?: T): SuccessState<T> {
	return {

DmitryEfimenko / remote-data-004.ts

Created July 1, 2022 08:52

	interface RemoteData<T, E> {
	state: 'notAsked' \| 'loading' \| 'success' \| 'error';
	isLoading: boolean;
	value?: T;
	error?: E;
	}

DmitryEfimenko / remote-data-003.ts

Last active July 1, 2022 09:37

	@Component({
	selector: 'app-products',
	template: `
	<button (click)="loadProducts()">Load Products</button>

	<ng-container *ngIf="isLoading else doneLoading">
	Loading...
	</ng-container>

	<ng-template #doneLoading>

DmitryEfimenko / remote-data-002.ts

Last active July 1, 2022 09:37

	@Component({
	selector: 'app-products',
	template: `
	<button (click)="loadProducts()">Load Products</button>

	<ng-container *ngIf="isLoading">
	Loading...
	</ng-container>

	<ng-container *ngIf="!isLoading">

DmitryEfimenko / remote-data-001.ts

Last active July 1, 2022 09:37

	@Component({
	selector: 'app-products',
	template: `
	<button (click)="loadProducts()">Load Products</button>

	<ng-container *ngFor="let product of products">
	<app-product [product]="product"></app-product>
	</ng-container>
	`
	})