shadow-cljs icon indicating copy to clipboard operation
shadow-cljs copied to clipboard

How are you using shadow-cljs ui

Open jacekschae opened this issue 4 years ago • 6 comments

After reworking shadow-cljs ui some time ago I think it's time to take a next step and introduce dark mode.

Any comments / recommendations are more than welcome!

jacekschae avatar Jun 16 '21 15:06 jacekschae

What is your setup when you develop front end / mobile apps with shadow-cljs -- could you please share your desktop setup? I'm looking into working on the dark mode but thought maybe it would be better to understand what is the layout that people normally use. Do you use shadow-cljs ui do you look at the console?

Thanks for sharing 🤗

Here is an example from a laptop:

Screen Shot 2022-02-06 at 4 51 08 PM

jacekschae avatar Feb 06 '22 15:02 jacekschae

Not sure how useful this data point is, but FWIW I don't really pay attention to that UI. I check the terminal output of shadow-cljs and go from there.

p-himik avatar Feb 06 '22 18:02 p-himik

I use the "Inspect Stream" a lot, and also the "Force compile" functionality sometimes.

mjmeintjes avatar Feb 07 '22 03:02 mjmeintjes

Not sure how useful this data point is, but FWIW I don't really pay attention to that UI. I check the terminal output of shadow-cljs and go from there.

Thanks for sharing @p-himik I think it is useful. I assume you are not using tap> and mainly console.log.

@mjmeintjes same for see I feel like inspect stream is the most important -- thanks for sharing.

jacekschae avatar Feb 07 '22 09:02 jacekschae

Your assumption is correct @jacekschae. I do use tap> on the CLJ side, but on the CLJS side I prefer js/console.log, mainly because I need to work with JS objects rather often, and staring at #object[Object] is not helpful. And with cljs-devtools, I can inspect CLJS objects in my browser's console just fine.

p-himik avatar Feb 07 '22 10:02 p-himik

@p-himik note that the Inspect UI uses datafy. so if you are working with a lot of custom JS classes you can extend the relevant protocols do display them in a nicer fashion. Example. console.log is in the browser is nice too of course.

thheller avatar Feb 07 '22 10:02 thheller