I'd like to chime in by pointing you fine folks to http://regl.party http://regl.party — a functional, partial-application, "stateless WebGL" library that lets

I'd like to chime in by pointing you fine folks to http://regl.party http://regl.party — a functional, partial-application, "stateless WebGL" library that lets you model rendering commands as nested little scopes. It offers "the rest of us" a graphics programming foundation that's lower level than three.js, and I can't recommend it enough. IMO, WebGL's implementation has some glaring wrinkles that REGL-like libraries can't smooth away, but at least REGL does a decent job of tackling the state problems you're discussing, while offering a more flexible approach (I think?) than the out-of-the-box WebGPU API's render pass command encoder.