estellepicq

Use repl as js playground with preloaded rxjs

Introduction

Where do you go when you need to quickly test out some JavaScript code? Using the Node REPL pre-configured with your favourite npm packages like RxJS is a fantastic way to quickly test things without disturbing your workflow.

Configuration

1. Install rxjs and repl globally:

estellepicq

import { Component, OnInit, ViewChild, ElementRef } from '@angular/core';
import * as d3 from 'd3-selection';
import * as d3Scale from 'd3-scale';
import * as d3Shape from 'd3-shape';
import * as d3Array from 'd3-array';
import * as d3Axis from 'd3-axis';

interface Frequency {
  letter: string;
  frequency: number;

estellepicq

import { ReplaySubject } from 'rxjs';
import { OnDestroy, Component } from '@angular/core';

@Component({
  template: '',
})
export class ObservableDestroyComponent implements OnDestroy {
  protected destroyed$: ReplaySubject<void> = new ReplaySubject(1);

  ngOnDestroy(): void {

estellepicq

{
  "env": {
    "browser": true,
    "node": true
  },
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "project": "tsconfig.json",
    "sourceType": "module"
  },