Component rendering visualization in Om

[Dmitry Suzdalev]

Hello!

Writing here as a last resort after failing to find the answer in Google.
I recall I've seen somewhere an example (or custom compoment) which was able to visualize rendering of components in OM, i.e. highlight them at the time of update.

I would like to use this to debug the places where I pass "wider-scope" cursors than I should causing unnecessary repaint.

If anyone would point me to that example or give a general guidelines about implementing this kind of thing, I'd be grateful.

Thanks.
Dmitry.

[Sean Grove]

You can see an example of this in CircleCI's frontend - they wrap their rendering so that if they pass in :random-color, each element will have a small border around it of a random color. On re-render, it'll have a different color. It's a good way of visualizing what's different between frames. That said, probably using instrumentation + adding a class with CSS animation frames to simple highlight the element border with a fade-in-fade-out highlight would do the same thing in a way that was easier to recognize.

It would be nice to see a few things like this turned into Om Libraries.

Here's the code for it, I believe: https://github.com/circleci/frontend/blob/master/src-cljs/frontend/utils.clj#L51

Dmitry.

--
Note that posts from new members are moderated - please be patient with your first post.
---
You received this message because you are subscribed to the Google Groups "ClojureScript" group.
To unsubscribe from this group and stop receiving emails from it, send an email to clojurescrip...@googlegroups.com.
To post to this group, send email to clojur...@googlegroups.com.
Visit this group at http://groups.google.com/group/clojurescript.

[Dmitry Suzdalev]

Ah, right, that was it!

Thank you Sean!

Yes, having this as library would be nice.

You received this message because you are subscribed to a topic in the Google Groups "ClojureScript" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/clojurescript/x3Zzrv2vTtU/unsubscribe.
To unsubscribe from this group and all its topics, send an email to clojurescrip...@googlegroups.com.