Okay, it worked after prefixing all relative paths with ./ and removing main.js from -o. Example,

:bundle-cmd {:none ["npx" "webpack" "./out/index.js" "-o" "./out" "--mode=development"]

Submitted a PR to the site - https://github.com/clojure/clojurescript-site/pull/370/files

have you taken a look at re-frame or fulcro? both of these libraries are aimed at supporting writing more complex user interfaces. if you're already familiar with reagent, re-frame is built on top of reagent and may be easier to get started with

your second point seems to be similar in spirit to re-frame's subscriptions

re-frame also has a story around answering your first question

http://day8.github.io/re-frame/FAQs/DoINeedReFrame/

It doesn't make a difference whether you store all your state in a single or multiple ratoms, as changes to it only trigger a re-render to the affected subtree, not the whole DOM.

@U7RJTCH6J i looked at reframe and wasn't totally convinced by the subscription solution because it was still "soft" pointers with strings

@U5JGH2F89 I don't understand how that could work? I thought that the ratoms where the guides where in the tree re-render needed to be done? Or is it diffing the whole vdom and swapping out the changed bits?

Correct me if I'm wrong, but I've understood that since Reagent is basically an interface to React, the vdom diffing stuff is delegated to React, which optimizes what needs to be re-rendered.

I think that you are probably right. I just wanted to make sure that it's vdom-diffing that is the technology used.

And what is the problem?

the slurp and spit functions are not getting created in my namespace and I can't figure out what I am doing wrong. It does not work in the repl either... (require '[cljs-node-io.core :as io :refer [slurp spit]]) (def data [{:foo 42} {:foo 43}] (spit "data.edn" data) Execution error (TypeError) at (<cljs repl>:1). Cannot read property 'call' of undefined

Ah, I see that you have updated the OP. That shouldn't have anything to do with the way you add cljs-node-io to your dependencies. Both cljs-node-io and cljs-node-io/cljs-node-io are absolutely equivalent. As to why slurp and spit are not defined - no idea. If you can't figure it out, create an MRE and I'll take a look. Just in case - the "Cannot read property 'call' of undefined" error can come from within spit. It doesn't necessarily mean that spit is undefined. Have you tried logging the values of spit and slurp?

cljs.user=> (println (type println)) #object[Function] cljs.user=> (println (type slurp)) nil

I cannot reproduce it at all in a clean NodeJS REPL:

% clj -Sdeps '{:deps {cljs-node-io/cljs-node-io {:mvn/version "1.1.2"}, org.clojure/clojurescript {:mvn/version "RELEASE"}}}' -M -m cljs.repl.node
ClojureScript 1.10.773
cljs.user=> (require '[cljs-node-io.core :as io :refer [slurp spit]])
nil
cljs.user=> slurp
#object[cljs_node_io$core$slurp]
cljs.user=> spit
#object[cljs_node_io$core$spit]
cljs.user=> 

Ah, maybe I'm not instantiating the repl correctly. I'm doing a clj -Sverbose -M --main cljs.main --compile json-diff.core --repl

Do you see a browser window opening when you do that?

Yes/

I tried your command and slurp and spit work just fine.

> Yes Right, that's because you started a browser REPL. :) But that library is, it seems, designed to be run on NodeJS, in a self-hosted environment.

Yes, I have come to that conclusion too. 😳 I'm 4 hours into clojurescript so forgive me please.

Thanks for your help. I wonder how I access file from a browser REPL, with a lot of difficulty I guess.

> how I access file from a browser REPL There's no way to do it automatically - security reasons. Otherwise, any website would be able to read all your files. That's why we have <input type="file>.

So if I run a browser repl and have some HTML where I can enter the file or directory name, do you know of a non NodeJS equivalent library to work with the files and directories?

As I said - you cannot. There's no way. You have to use <input type="file">, click on it (I think this step can be automated), and then select a file manually in the popped-up dialog.

What is the problem that you're trying to solve that you need to read files in a browser?

I want to write a utility that takes two directory tress with a mass of JSON files in them and does a graphical representation of the differences between them based on this Javascript code https://github.com/zgrossbart/jdd.

I didn't want to have to learn Javascript too much so I thought to wrap it with Clojure

Good call. :) See, the demo version of the library above cannot access your folders - it requires you to either paste the data directly or click on the "Choose File" buttons. I'm pretty sure you have only three options here: - Create a full-fledged backend. The server will have access to your file system and the frontend will be able to display it - Create a desktop app. Same as above but with GUI instead of WUI - Create a CLI app that will generate a static HTML and maybe automatically open it in a browser