What are his latest rants?

What are import maps?

https://world.hey.com/dhh/rails-7-will-have-three-great-answers-to-javascript-in-2021-8d68191b https://world.hey.com/dhh/modern-web-apps-without-javascript-bundling-or-transpiling-a20f2755

If you are looking to compile to ES modules, check out the shadow-cljs :esm build, it's the only thing that currently works

Example: https://github.com/borkdude/nbb/blob/main/shadow-cljs.edn

more i'm just hoping to escape advanced compilation and all its nonsense

nonsense?

you could just bypass CLJS by directly using JS you know ;)

CLJS advanced compilation is like lycanthropy: most of the time you don't notice it too much, it gives you abilities that others have to do a ton of work to get in other ways, and every full moon or so it causes a serious problem that only experts understand why it happened

TBH i'm on team werewolf still

we have :advanced precisely so that we don't have to worry about all the nonsense the JS world is doing 🙂 import maps or esm don't fix those things

@U4YGF4NGM What kind of a rare but serious problem have you encountered from :advanced ? The only problem I’ve ever encountered, I think, is from missing externs.

… Which granted, is annoying the first 10 times you encounter them 🙂 After than, I learned how to type hint everything properly, and the auto-generated externs take care of that.

there was the time that names generated via advanced compilations collided with minified code from google analytics 😄

I am also now very conscious of the fact that static keywords get lifted into a global constants table, after debugging some code that used React's useMemo + a keyword for detecting when it should recompute. turns out the code was buggy, but it wasn't caught in development because a new keyword was being constructed every render; once it went to production, the keyword wasn't constructed every render which triggered the bug

@U4YGF4NGM Ah, thanks for the explanation. Was the code using references (identical? …) or values (= …) to check if it should re-render?

usememo compares objects by reference which is why it was breaking in prod (or not breaking in dev)

I’ve had something similar happen when using memoized components where if you have nested components, the inner component would not re-render unless the outer one re-renders

But I believe it was the same in dev and in prod… so kinda different.

(let [status (if succeeded? :success :fail)
      ;; recompute something anytime the status changes 
      computed-data (react/useMemo #(expensive-computation data) #js [status])]
  (react/useEffect
    ;; send the data to the API anytime it changes
    #(api/update-state! computed-data)
    #js [compute-state]))