Jean-Charles ByJC

ByJC / webpack.config.js

Last active February 7, 2020 23:27

	var path = require('path'),
	webpack = require("webpack"),
	libPath = path.join(__dirname, 'lib'),
	wwwPath = path.join(__dirname, 'www'),
	pkg = require('./package.json'),
	HtmlWebpackPlugin = require('html-webpack-plugin'),
	ExtractTextPlugin = require("extract-text-webpack-plugin");

	var bundleCss = ("production" === process.env.NODE_ENV) ? "bundle-[hash:6].css" : "bundle.css";
	var pluginsWebpack = [

ByJC / index.html

Created March 18, 2016 14:13

index.html for Webpack.config.js

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
	{% for (var chunk in o.htmlWebpackPlugin.files.chunks) { %}
	<link rel="styleSheet" href="{%=o.htmlWebpackPlugin.files.chunks[chunk].css %}" type="text/css"/>
	{% } %}
	</head>

ByJC / forkJoin.example.ts

Last active January 26, 2017 11:02

	import { Component, OnInit } from '@angular/core';
	import { Http } from '@angular/http';
	import { Observable } from 'rxjs/Observable';

	import 'rxjs/Rx';
	import 'rxjs/add/observable/forkJoin';

	@Component({
	selector: 'example-fork-join',
	templateUrl: 'fork-join.component.html'

ByJC / flatMap.example.ts

Created January 26, 2017 12:29

	import { Component, OnInit } from '@angular/core';
	import { Http } from '@angular/http';
	import { Observable } from 'rxjs/Observable';

	import 'rxjs/Rx';
	import 'rxjs/add/operator/mergeMap';

	@Component({
	selector: 'example-flatMap',
	templateUrl: 'flat-map.component.html'

ByJC / example.service.ts

Created January 26, 2017 12:42

	import { Http } from '@angular/http';
	import { Injectable } from '@angular/core';

	@Injectable ()
	export class ExampleService {

	constructor(public http: Http) {}

	getDataA() {
	return this.http.get('http://www.server.com/dataA').map(res => res.json());

ByJC / example.component.ts

Last active January 26, 2017 12:49

	import { Component, OnInit } from '@angular/core';
	import { Http } from '@angular/http';
	import { Observable } from 'rxjs/Observable';

	import { ExampleService } from './example.service'

	import 'rxjs/Rx';
	import 'rxjs/add/observable/forkJoin';
	import 'rxjs/add/operator/mergeMap';

ByJC / formControl.ts

Last active January 26, 2017 16:39

	myControl = new FormControl();

	constructor() {
	this.myControl.valueChanges
	.map(text => console.log(text))
	.subscribe();
	}

ByJC / formControl.html

Created January 26, 2017 16:51

ByJC / formControl.component.ts

Last active January 26, 2017 17:08

	export class FormControlComponent {

	myControl = new FormControl();
	results: Observable<any[]>;

	constructor(public http: Http) {
	this.results = this.myControl.valueChanges
	.startWith('someValue')
	.map(text => new formatQuery(text)) // generate a url
	.switchMap(url => this.http.get(url), (_, res)=> res.json());

ByJC / asyncPipe.html

Created January 26, 2017 17:23

	<div *ngFor="let result of results \| async">
	<p>{{result}}</p>
	</div>