asimpledog

    import React from 'react';
    import { $ } from 'react-rxjs-elements';

    function App(){
      return <div>
        <$>{ timer(0, 1000) } sec</$>
      </div>
    }

Should work now on FF, with those flags enabled (tested on FF78, MacOS)

I couldn't make it work in Firefox yet: FF has a limited support for SpeechRecognition, that is enabled only via a flag. Even then it didn't work with my example. I'll dig into it further!

Meanwhile, to lessen the disappointment:

You can try this example in desktop/android chrome

OR

In FF open about:config and turn on these flags media.webspeech.recognition.enable media.webspeech.recognition.force_enable

(remember to turn em off after)

And then try official MDN example for Speech Recognition: https://mdn.github.io/web-speech-api/speech-color-changer/

Sorry for the trouble!

    <svg width="300" height="200" stroke="blue" fill="white">{
      range(0, 200, animationFrameScheduler).pipe(
        map(r => <circle cx="150" cy="100" r={ r } />),
        repeat()
      )
    }</svg>

  import { timer } from 'rxjs';

  function App() {
    const ticks$ = timer(0, 1000);

    return <div>
      <h1>{ ticks$ }</h1>
      <p>seconds passed</p>
    </div>
  }