📜JavaScript developer.
🐲RPG fan.
📚Storyteller and 🕹game developer.
👨Father and Husband.
Published
Edited
Jul 3, 2022
1 star
Hello, Smart Shape!Hello, messagepipe!Hello, Atomico!Hello, Markdown-Tag !Hello, js-sdl!Hello Trivia API!Hello auto-animate!Hello, papa parse!Hello, mout!Hello, sugar js!Hello, lil-gui!Hello, owoify-js!Hello, Maverick JS -> Observables!Hello, Canvas Confetti!Hello, OWL!Hello, Bunny Fonts!Hello Color JS!Hello, Kute.js !Hello Color Legend Element!Hello, is-online!Hello, pretty-ms!Hello, Liveblocks!Convex ChatHello, filesize.js!Hello, SVG.jsHello, Counter-element!Hello, Ramda!Hello, Block Protocol!Hello, Reef!Hello, Croquet!Hello, Markdoc!Hello, Multiavatar!Hello, Tableful!Hello, kdl-jsHello, Wild Wild Path!Hello, Lexical!Hello, Statery!Hello, pdfme!Shuffle an ArrayHello, PikasoHello, Miniplex!Hello, CandyGraph!Hello, Supabase!Hello, Embla Carousel!Hello, core-js!Hello, tinybaseHello, umbrellajsHello, pintoraSkypack PixijsHello, sortablejsHello, JS-YAMLTesting bitECS for TempestHello jService!Hello, iro.jsHello, SplideHello, Cosmic JSHello, singuiKaboom JS TemplateHello, JSPDFHello, Awesome Dev JokesRandom DAD JokeHello, model-viewerThe OracleTarot UtilitiesHello, lokiJSHello, cash ( cash-dom )Hello, Dice RollerHello, Slide-ElementHello, tsParticlesKaboom - dynamic valuesHello Lit.devHello, Melon JSHello Kontra
Hello, lazy.js!
Also listed in…
Tips and Utilities
Hello, lazy.js!
Lazy = import('https://cdn.skypack.dev/lazy.js@0.5.1?min')
people = {
const pArr = []
for(let i =0; i< 20000; i++){
pArr[i] = {
firstName: `foo${Math.floor(Math.random() * 1000)}`,
lastName: `guh${Math.floor(Math.random() * 1000)}`
}
}
yield pArr;
}
{
yield Lazy.default(people)
.pluck('lastName')
.filter(function(name) { return name.startsWith('guh'); })
.take(5)
.value();
}
{
yield Lazy.generate(Math.random)
.map(function(e) { return Math.floor(e * 1000) + 1; })
.uniq()
.take(300)
.value()
}
cout = html`<div> waiting ... </div>`
{
// re run this to see the async waiting happen
Lazy.generate(Lazy.identity)
.async(1000) // specifies a 1-second interval between each element
.map(function(x) { return String.fromCharCode(x + 65); })
.take(26)
.each(function(char) {
console.log(char)
console.log(cout.appendChild(html`<div>${char}</div>`))
});
}
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.
