Hotell

Angular Component composition via ReactJS style API

This is my recomendation how to write angular components with leveraging react style component API naming.

And Remember, Respekt is everything! :)

Notes

• ny - is not new york :D, it's our meetup group prefix ngParty, come to our meetup yo ngParty

@TODO

Hotell

ES6 Defaults / Overrides Pattern

Combine default parameters and destructuring for a compact version of the defaults / overrides pattern.

function foo ({
    bar = 'no',
    baz = 'works!'
  } = {}) {

Hotell

// include material 2 into angular-cli-build.js

var Angular2App = require('angular-cli/lib/broccoli/angular2-app');

module.exports = function(defaults) {
  return new Angular2App(defaults, {
    vendorNpmFiles: [
      '@angular2-material/**/*.js'
    ]
  });

Hotell

const materialPackages:string[] = [
  'core',
  'toolbar',
  'icon',
  'button',
  'sidenav',
  'list',
  'card',
  'input',
  'radio',

Hotell

/***********************************************************************************************
 * Everything underneath this line is managed by the CLI.
 **********************************************************************************************/
const barrels: string[] = [
  // Angular specific barrels.
  '@angular/core',
  '@angular/common',
  '@angular/compiler',
  '@angular/http',
  '@angular/router',

Hotell

Execute following commands:

git clone -b 2.0 https://github.com/ngParty/ng-metadata.git

cd <path-to-your-project>

npm i -S <path-to-cloned-ng-metadata-repo>

Hotell

import { Store } from 'ngrx-one/store';
import { INCREMENT, DECREMENT, RESET } from './counter';

interface AppState {
  counter: number;
}

@Component({
    selector: 'my-app',
    template: `

Hotell

import { Component } from 'ng-metadata/core';

@Component({
  selector: 'my-app',
  template: '<h1>My First Angular 1 App <small>with ng-metadata!</small></h1>'
})
export class AppComponent { }

Hotell

import { Component } from 'ng-metadata/core';

@Component({
  selector: 'my-app',
  template: '<h1>My First Angular 1 App <small>with ng-metadata!</small></h1>'
})
export class AppComponent { }

Hotell

#!/bin/bash
git clone <git.your-forks-url> && cd $_
# add remote to original project
git remote add upstream <git.forked-project-origin-url>
# fetch headers
git fetch upstream
# point master branch to original master so we can pull from original project and update our fork
git branch --set-upstream-to=upstream/master master