/rxjs-in-ng-workshop

Sample code from "RxJS in Angular: Workshop"

Primary LanguageTypeScriptMIT LicenseMIT

"RxJS in Angular: Workshop" Sample code.

Angular / RxJS v6 version for AngularMIX 2018

styled with prettier Build with Angular CLI

This is the repo with all the samples we use in the Workshop.

Try it!

  1. Clone the repo locally (or download the zip and unzip)
git clone https://github.com/wardbell/rxjs-in-ng-workshop.git� 
  1. Install the node modules
npm install
  1. Build & serve the app (npm start runs in localhost:8806)
npm start
  1. Load it in your browser
Open browser localhost:8806

I recommend keeping your browser developer tools open at all times.

  1. Open the source in your code editor.

Changing the current "Play" example

The "Play Ops" and "Play Subject" examples import and run a neighboring code example file.

To change the example, import a different file.

  1. Open the folder (e.g., play-ops)
  2. Open the component file (e.g., play.component.ts)
  3. Find the lines that import an example and set the playName
import { play } from './01-map';
const playName =       '01-map';
  1. Change them to the one you want to see
import { play } from './02-throw';
const playName =       '02-throw';
  1. Browser refresh

It should refresh automatically. Sometimes it doesn't. You may have to clear the browser cache. Keeping your F12 browser developer tools open helps.