Post

📣 call for feedback! I'm having second thoughts about the naming of the functions in my #webGL library. TL;DR: is it ok to have functions starting with "use" in a vanilla JS library ? explanation in thread 🧵

I like the hook-style naming with "use" because the functions actually behave like hooks (output destructuring, re-render when updated etc), but I wonder if they could be confused with "real" hooks or composables in a react or vue codebase. I'm not sure if it would be a big issue though.

Maybe having getXXX instead of useXXX will do the trick ?

I use vanilla JS signals a lot, and I think they behave much like your hooks. I use them like this: “thing = Thing.get()”. When I write something that’s not a signal it’s usually like “thing = getThing()”. Feels quite consistent and nice.

Ok I understand, in my case I think it would be something like « createRenderPass(…) », but it seems a bit verbose to me. I also thought about a « gl » prefix, like glRenderPass(). It’s shorter and allow to separate WebGL related stuff from JS utils. I think I like this one. What do you think ?

Maybe! Might be annoying in the future if you want to write similar functions for WebGPU or something else and need to come up with a replacement for the “gl” prefix? I guess there are not many neutral options that are short. use, get, do….