vsavkin

import { Component } from '@angular/core';
import {Observable} from "rxjs";
import {HttpClient} from "@angular/common/http";
import {Ticket} from "@myorg/data";

@Component({
  selector: 'myorg-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})

vsavkin

import { Component } from '@angular/core';
import {Observable} from "rxjs";
import {HttpClient} from "@angular/common/http";
import {Ticket} from "@myorg/data";

@Component({
  selector: 'myorg-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})

vsavkin

import * as express from 'express';

const app = express();

interface Ticket {
  id: number;
  title: string;
}

const tickets: Ticket[] = [

vsavkin

interface Ticket {
  id: number;
  title: string;
}

@Component({
  selector: 'myorg-root',
  template: `
    <myorg-shell title="Tuskdesk App"></myorg-shell>
    <ul>

vsavkin

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { NxModule } from '@nrwl/nx';
import { UiShellModule } from "@myorg/ui-shell";

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, NxModule.forRoot(), UiShellModule],

vsavkin

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

@Component({
  selector: 'myorg-shell',
  template: `    
    <h1>{{ title }}</h1>
    <div>
       <a href="learn-more">Learn more about Tuskdesk</a>
      <a href="learn-more-about-myorg">Learn more about Myorg</a>
      Copyright stuff is in here as well.

vsavkin

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

@Component({
  selector: 'myorg-shell',
  template: `    
    <h1>Tuskdesk admin app!</h1>
    <div>
      <a href="learn-more">Learn more about Tuskdesk</a>
     <a href="learn-more-about-myorg">Learn more about MyOrg</a>
      Copyright stuff is in here as well.

vsavkin

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

@Component({
  selector: 'myorg-shell',
  template: `
    <h1>Tuskdesk app!</h1>
    <div>
      <a href="learn-more">Learn more about Tuskdesk</a>
     <a href="learn-more-about-myorg">Learn more about MyOrg</a>
      Copyright stuff is in here as well.

vsavkin

Nrwl is Hiring Angular Engineers in Toronto!

Nrwl?

Nrwl has the world's highest concentration of Angular expertise outside of Google, and we use that depth to help our clients work through the biggest and most nuanced challenges of building Angular applications at scale. It was founded by former Googlers and Angular team members Victor Savkin and Jeff Cross.

vsavkin

-----------------------------------------------------------------------------
-------------------------------IMPORTANT!!!----------------------------------
-----------------------------------------------------------------------------
Run "npm run nx-migrate" to run the following migrations:
- 20180401-update-angular-to-6
Update the version of Angular to 6.0.0
-----------------------------------------------------------------------------
- 20180402-update-CLI-to-17
Update the version of Angular CLI to 1.7.0
-----------------------------------------------------------------------------