react-in-observable.js

import React from 'react'
import { render } from 'react-dom'
import { toReactComponent } from 'rxjs-react/operators'
import { from, of } from 'rxjs'
import { delay, scan, concatMap } from 'rxjs/operators'

const App = from('hello rxjs-react!').pipe(
	concatMap(char => of(char).pipe(delay(300))),
	scan((str, char) => str + char, ''),
	toReactComponent(text => {
		return (
			<div>
				<h1>{text}</h1>
			</div>
		)
	})
)

render(<App />, document.getElementById('root'))