Angular 2

in Smart House

Dmytro Golysh

Angular 2 Pros:

Component based

Performance

TypeScript

No scope, controller

No digest cycle

CSS encapsulation

Server side rendering

Reactive

Angular 2

Base moments

Components

Pipes

<p>The hero's birthday is {{ birthday | date }}</p>
import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
    name: 'exponentialStrength'
})
export class ExponentialStrengthPipe implements PipeTransform {
    transform(value: number, exponent: string): number {
        let exp = parseFloat(exponent); 
        return Math.pow(value, isNaN(exp) ? 1 : exp);
    }
}

PURE

IMPURE

Change detection

Change detection

Zone JS

Default strategy

On Push strategy

Immutables and Observables

@NgModule

Service

DI

Routing

Angular 2

usage in Smart House

What is already there and features

Wiki

Modues

Bootstrap

.env

REST

Socket.io

Technical Debt

Fix - E2E tests

Replace CSS Framework (Materialize CSS) to better with Angular 2 compatibility

Fix - Bugs

etc

Links

https://videoportal.epam.com/channel/4YjRG9jaNy?page=1

https://github.com/garage-it/SmartHouse-frontend/wiki

https://tree.taiga.io/project/kucherenko-smart-home/

Questions?

Thanks

Angular 2 in Smart House

By Dmytro Golysh

Angular 2 in Smart House

  • 541