Fork me on GitHub
Slack Archive

This page is not created by, affiliated with, or supported by Slack Technologies, Inc.

2019-08-27

Channels

#clojurescript
<
2019-08-27
>
Lone Ranger12:08:08

so question about code-splitting use cases. One of the projects that I work on is primarily a Python-Flask server side application and I've convinced them that clojurescript is an absolute necessity (and they went along with it woohoo!). I do a lot of one-off projects, replacing one page at a time with an SPA-like cljs webapp thingy. Turns into a lot code duplication etc. I was thinking, hey, why I don't I just combine all my little clojurescript projects into one big ol project and then dispatch by route? Okay so onto the question. Let's say I do code splitting a I have the "core" modules which does the dispatching, and I'd like to lazy load the code for each mini-app. Is the technique for this to dynamically add a script tag to the dom, or do you do a dynamic (require 'some.code)?

dnolen15:08:50

@goomba there's a code-splitting guide on the website

dnolen15:08:04

but you should have the right expectations about how code-splitting works

dnolen15:08:13

it's not for "mini-apps"

dnolen15:08:20

and it doesn't work at library boundaries

dnolen15:08:31

it works at method / fn level

dnolen15:08:00

meaning it attempts to move granular functionality into the right part of the split

dnolen15:08:09

it should be updated to talk about deps.edn - more low hanging fruit for a first contribution

4
Lone Ranger15:08:44

So I'm checking out the code in the docs. 

(events/listen (gdom/getElement "button") EventType.CLICK
  (fn [e]
    (loader/load :bar
      (fn []
        ((resolve 'bar.core/woz))))))
so the loader/load and the loader/set-loaded! can be accomplished by any normal programmatic means, I take it, not just in response to click handlers? i.e, could also be a setTimeout, etc?

dnolen15:08:02

nothing specific about buttons

Lone Ranger15:08:06

beautiful. Now, last question (and apologize if this is obvious), even though the code is lazy loaded, all modules must be required via script tags, and these script tags are to be included with the initial HTML load (vs being dynamically written to the page?)

Lone Ranger15:08:52

I'm just trying to understand the division of labor between loader/load and what needs to be included in the initial HTML

Lone Ranger15:08:07

and then I'll run along and work on updating some docs 🙂

dnolen15:08:29

no all modules do not need to be loaded via script tags

dnolen15:08:41

only the ones that are needed for a real HTML page

dnolen15:08:26

for example you want a direct weblink to a specific part of the app

dnolen15:08:37

than that page only needs script tags for the modules needed to render that page

dnolen15:08:43

everything else can be loaded on demand

Lone Ranger16:08:48

aha..... great, thank you.

Lone Ranger15:08:01

I'll look into it

currentoor17:08:58

Is there a way to remove all unserializable stuff from a datastructure?

dnolen18:08:14

there's no built in way to do that

dnolen18:08:41

but you have stuff like clojure.walk to help - though it's not free

dnolen18:08:51

better to just not have that stuff in there in the first place

👍 4
Lone Ranger18:08:15

Efficiently? Probably not. What I've done is recurse with throw/catch. Could also probably do some spec stuff to coerce it

scknkkrer20:08:15

Why we should deeply want to know about shadow-cljs ? It’s not a destructive question. I really wanna know. :face_with_rolling_eyes:

mauricio.szabo20:08:45

Well, I have lots of reasons on why I use shadow-cljs. It really shines on building node.js apps

mauricio.szabo20:08:05

But there's also lots of other reasons: you can emit "browser code" that uses "node.js" requires (this means that you can generate Electron apps), you can use any React library (Reagent, Fulcro, OM, Re-Frame) to emit react-native code (with a REPL connected on Android!)

mauricio.szabo20:08:57

It's easier to configure how to "reload your app" after you save a file, its compilation is more "precise" than Figwheel (on my experience, Fighweel sometimes get lost while I'm working on it and compiles invalid code, don't know if newer versions fixes this), Shadow-CLJS also is able to bundle all your node libraries on a single .JS file (better for lambda apps or to deploy on a server because the final JS is smaller)

👍 4
scknkkrer20:08:06

These are amazing arguments.

scknkkrer21:08:26

Oh, I see now, why my descjopproject fail me while I’m trying to compile under advanced flag.

mauricio.szabo21:08:46

Yes, shadow also have some sensible defaults and it's easy to debug these things. For example, when something fails with advanced in Shadow you can compile it with --debug, so no need to remember the exact flags to debug the errors

scknkkrer21:08:29

@U3Y18N0UC, Any way to compile my existing Leiningen based Figwheel project with shadow-cljs ?

mauricio.szabo22:08:37

Well, it's easier to compile projects in shadow-cljs with the stand-alone shadow-cljs app that you can install with npm. But there's also the option to use lein too: just delete the dependencies for clojure and clojurescript, add the latest shadow-cljs dependency on lein (currently [thheller/shadow-cljs "2.8.52"]), and add the :target part of the shadow-cljs.edn file only.

mauricio.szabo22:08:05

The documentation of shadow-cljs is really good, so you can find more info here: https://shadow-cljs.github.io/docs/UsersGuide.html#Leiningen

scknkkrer22:08:52

Have a nice day!

mauricio.szabo22:08:31

Or night, where I am is 7PM already 😄. Also, any trouble, please ping me on DM, I'll try to answer as soon as I can 🙂

henrik10:08:59

I really love Shadow as well, for all the hassle it saves me. I’ve sort of standardized on using deps.edn, since it’s compatible with Datomic Ions, and feels in general like it’s the future. Having Shadow outsource deps management to deps.edn is really easy, you just, 

{:dependencies []
 :deps {:aliases [:shadow-cljs]}}
for example, and then put a :shadow-cljs alias in deps.edn containing the desired dependencies.

henrik10:08:36

(`:dependencies []` is obviously redundant, included above for illustrative purposes)

scknkkrer12:08:12

@U06B8J0AJ, I don’t get it. New Tools come with new pros and cons. Why we move out to the Clojure CLI ?

henrik13:08:39

Oh no, I’m certainly not saying anyone should move anywhere. I’m saying that I have standardised on tools.deps, and I like it. You know, FWIW.

henrik13:08:11

(and at work we using Datomic Ions, so deps.edn is mandatory)