import { Observable } from "rxjs/Observable";
import "rxjs/add/observable/interval";
import { Subscription } from "rxjs/Subscription";

@Component()
export class UsingTimersComponent {

  private intervalSubscription: Subscription;
  interval = 0;

  startInterval() {
    const interval = Observable.interval(1000);
    this.intervalSubscription = interval.subscribe(i => this.interval += i);
  }

  stopInterval() {
    this.intervalSubscription.unsubscribe();
  }
}

<div class="panel panel-default">
  <div class="panel-heading">
    <h2 class="panel-title">Observable.interval(1000)</h2>
  </div>
  <div class="panel-body">
    <div>
      <label>interval: </label> {{interval}}
    </div>
    <div>
      <button (click)="startInterval()" class="btn btn-success">Start</button>
      <button (click)="stopInterval()" class="btn btn-danger">Stop</button>
    </div>
  </div>
</div>

this.intervalSubscription = interval.subscribe(i => this.interval += i);

this.intervalSubscription.unsubscribe();

this.intervalSubscription = interval
      .finally(() => console.log("All done!"))
      .subscribe(i => this.interval += i);

const timer = Observable.timer(1000);
timer.subscribe(data => console.log('ding!'));

const moreThanOne$ = Observable.timer(2000, 500);
moreThanOne$.subscribe(data => console.log('timer with args', data));

let moreThanOne$ = Observable.timer(2000, 500).take(3);
moreThanOne$.subscribe(data => console.log('timer with args', data));

const start = new Date();
const stream$ = Observable.interval(500).take(3);
stream$.delay(300).subscribe(x => {
    console.log('val',x);
    console.log( new Date() - start );
})

val:0
800ms
val:1
1300ms
val:2
1800ms

import { Observable } from "rxjs/Observable";
import "rxjs/add/observable/timer";
import "rxjs/add/operator/finally";
import "rxjs/add/operator/takeUntil";
import "rxjs/add/operator/map";

const interval = 1000;
const duration = 10 * 1000;
const stream$ = Observable.timer(0, interval)
      .finally(() => console.log("All done!"))
      .takeUntil(Observable.timer(duration + interval))
      .map(value => duration - value * interval);
stream$.subscribe(value => console.log(value));

const source = Observable.timer(0, 1000)
      .timeInterval()
      .map(x => x.value + ":" + x.interval)
      .take(5);

const subscription = source.subscribe(
      x => console.log("Next timeInterval: " + x),
      err => console.log("Error: " + err),
      () => console.log("Completed")
    );

const source = Observable.timer(0, 1000)
      .timeInterval()
      .pluck("interval")
      .take(5);

import { Observable } from "rxjs/Observable";
import "rxjs/add/observable/never";
import "rxjs/add/observable/timer";
import { Subject } from "rxjs/Subject";

  tick: number;
  pauser = new Subject();
  tickerSource = new Subject();
  startTicker() {
    Observable.timer(0, 1000)
      .subscribe(this.tickerSource);

    this.pauser
      .switchMap(paused => paused ? Observable.never() : this.tickerSource).
      subscribe(t => this.tickerFunc(t));

    this.pauser.next(false); // resume
  }

  tickerFunc(tick) {
    this.tick = tick;
  }

  pauseTicker() {
    this.pauser.next(true);
  }

  resumeTicker() {
    this.pauser.next(false);
  }

• We added support to change installation locations.
• You can Save All your pending changes before you start your update.
• The update dialog provides you even more details about your update during installation.
• C# 7.3 is included in Visual Studio version 15.7.
• We improved solution load time for C# and VB projects.
• We made numerous updates to F# and its tools, with a focus on performance.
• We reduced the time to enable IntelliSense for large .NET Core projects by 25%.
• We made Quick Info improvements and new .NET refactorings like convert for-to-foreach and make private fields readonly.
• We added the ability to publish ASP.NET Core applications to App Service Linux without containers.
• Live Unit Testing works with embedded pdbs and supports projects that use reference assemblies.
• The Test Explorer has more responsive icons during test runs.
• C++ developers can use CodeLens for unit testing.
• We added new rules enforcing items from the C++ Core Guidelines.
• Debugging large solutions with /Debug:fastlink PDBs is more robust.
• CMake integration supports CMake 3.11 and static analysis.
• Python projects support type hints in IntelliSense, and a Run MyPy command has been added to look for typing errors in your code.
• Conda environments are supported in Python projects.
• We added a next version of our Python debugger based on the popular open source pydevd debugger.
• TypeScript 2.8 is included in Visual Studio version 15.7.
• We improved Kestrel HTTPs support during debugging.
• We added support for JavaScript debugging with Microsoft Edge.
• The Debugger supports VSTS and GitHub Authentication for Source Link.
• IntelliTrace’s step-back debugging feature is supported for debugging .NET Core projects.
• We added IntelliTrace support for taking snapshots on exceptions.
• We removed the blocking modal dialog from branch checkouts in Git when a solution or project reload is not required.
• There is an option to choose between OpenSSL and SChannel in Git.
• You can create and associate Azure Key Vaults from within the Visual Studio IDE.
• Visual Studio Tools for Xamarin can automatically install missing Android API levels required by Xamarin.Android projects.
• The Xamarin.Forms XAML editor provides IntelliSense and quick fixes for conditional XAML.
• We added support for Azure, UWP, and additional project types in Visual Studio Build Tools.
• You can create build servers without installing all of Visual Studio.
• The Windows 10 April 2018 Update SDK - Build 17134 is the default required SDK for the Universal Windows Platform development workload.
• We added support for Visual State Management for all UWP apps and more.
• We enabled automatic updates for sideloaded APPX packages.
• You have new tools for migrating to NuGet PackageReference.
• We added support for NuGet package signatures.
• We added Service Fabric Tooling for the 6.2 Service Fabric release.
• We updated Entity Framework Tools to work with the EF 6.2 runtime and to improve reverse engineering of existing databases.

• Webpack 2
• Angular 2
• Typescript
• Bootstrap 4
• ES 6

The Top Programming Languages 2024

Typescript and Rust are among the rising stars

Creating a React app with TypeScript and ESLint with Webpack 5 

Deno is a new runtime for executing JavaScript and TypeScript outside of the web browser. 

Version 9.1 of Angular Now Available — TypeScript 3.8, faster builds, and more 

TypeScript Among Most In-Demand Programming Languages in Software Engineering Report