Clojurescript Hello World (shadow-cljs+reagent)

hello-world-cljs.md

Clojurescript Hello World

A hello world with Clojurescript+shadow-cljs+reagent.

• shadow-cljs: A developer tool that provides development builds, hot loading dev web server, and more.
• reagent: An interface to react. Create complicated react components with less verbosity and using mostly just Clojurescript functions.

Pre-reqs

• nodejs+npm
• leiningen

Setup

Initial project setup.

• Create a new project "myproject" with shadow-cljs and reagent.

lein new reagent-frontend myproject +shadow-cljs
cd myproject

• Install packages from package.json (installs shadow-cljs into project).

npm install

Development Loop

• Compile/build once

npx shadow-cljs compile app

• Start an auto reloading code connected HTTP server.

npx shadow-cljs watch app

• HTTP Web App: http://localhost:3000
• Make changes to code (src/myproject/core.cljs), save, above page compiles and auto reloads.

Deploy

Running a release build optimized for production use.

• Compile for release

npx shadow-cljs release app

• Run a Nginx web server in your project home and serve the content (public/)

docker run -d -p 8080:80 --name my-nginx \
  -v $(pwd)/public:/usr/share/nginx/html \
  nginx

• Visit in a browser: http://localhost:8080/