Chainable, pure DOM manipulation operations married to a powerful DOM selector engine, just 202 bytes gzipped!

jqueryreact.3v2.16v2.js

const IO = fn =>({
  runIO: fn,//run the effect
  map: f => IO( a => f(fn(a)) ),//transform the inner value
  chain: f => IO( _ => f(fn()).runIO() ),//transform the inner value into another pure operation
  fork: _ => IO(x => new Promise(r => window.setTimeout(_ => r(fn(x)), 0) ))//fork the process!
});
IO.of = x => IO(_ => x);
IO.$ = selectors => IO(_=>Array.from(document.querySelectorAll(selectors)));

//Examples: 
//const ruinBody = IO(_=>document.baseURI).map(x=>x.replace(/\//g,' :P ')).chain(x=>IO(_=>document.body.innerHTML=x));
//const ruinBody2 = IO.of('hi there').chain(x=>IO.$('body').map(xs=>xs[0]).map(b=>b.innerHTML=x));
//const lazyURI = IO(_=>document.baseURI).fork().map(p=>p.then(str=>str.toUpperCase()));

//ruinBody.runIO();
//ruinBody2.runIO();
//lazyURI.runIO().then(x=>console.log(x));