[1, 2, 3, 4, 5].filter(x => x % 2).map(x => 2*x)
[1, 2, 3, 4, 5].reduce((x,y) => x+y)
[ "hello world", "ciao mondo", "salut monde" ].flatMap( x => x.split(" ") ).sort()
import { sample, info, exercise, util, set, value } from '@lbovet/reactive-course'
filter([1, 2, 3, 4, 5], x => x != 3)
filter = (arr, fn) => arr.flatMap( x => fn(x) ? [x] : [] )
value
set('hello')
setTimeout(() => set(new Date()), 1000)
md`${sample[0]}`
value
$ = require('jquery')
$.get(sample[0], res => set(res.data.first_name))
$.get(sample[1])
.then( res => (set(res.data.first_name), res))
.then( res => util.img(res.data.avatar))
$.get('https://notvalid')
.then( () => 'ok' )
.catch( () => 'not ok' )
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
