ClojureScript: simple within parenthesis

Example code using:

• ClojureScript
• Shadow-cljs
• Reagent
• re-frame
• a third party React library (react-tooltip)
• a third party JavaScript library (date-fns)

Here is a clickable example web page based on the source code of this repo.

References

Have a look at this Blog post
for an introduction to Clojure, ClojureScript, Reagent and re-frame.

Slides
in used in the 2021-01-20 FreeCode MeetUp Series
and the presentation in on Youtube

Looking for code and examples from FuncProg Second MeetUp 2021?
It’s in this feature branch

Development

Starting the app:

npx shadow-cljs watch app tests

You can now browse:

• the example web page at http://localhost:8080
• the unit test page at http://localhost:8081

Emacs

Or, if you are using Emacs, run the command cider-jack-in-cljs from the editor.
To make the app startup process even smoother, create a .dir-locals.el file in the root folder, add this to it:

((nil . ((cider-default-cljs-repl . shadow)
         (cider-shadow-default-options . ":app")
         (cider-shadow-watched-builds . (":app" ":tests")))))

The CSS

The theme switching css comes from this blog post.