data-fetching-with-rxjs-react.js

import React from 'react'
import ReactDOM from 'react-dom'
import { reactive } from 'rxjs-react'
import { from } from 'rxjs'
import { map } from 'rxjs/operators'

@reactive
class App extends React.Component {
	data$ = from(fetch(this.props.url).then(res => res.json()))
	render() {
		return (
			<React.Fragment>
				<h1>data from github api</h1>
				<pre>
					{this.data$.pipe(
						map(data => {
							return JSON.stringify(data, null, 2)
						})
					)}
				</pre>
			</React.Fragment>
		)
	}
}

ReactDOM.render(
	<App url="https://api.github.com/repos/lucifier129/rxjs-react" />,
	document.getElementById('root')
)