maochaokuo/cljs-hello-world

sample of reframe reagent shadow-cljs

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.