https://github.com/tetigi/unearthing-clojurescript

A selection of clojurescript / reagent examples
https://github.com/tetigi/unearthing-clojurescript

clojurescript react reagent toptal

Last synced: about 1 month ago
JSON representation

A selection of clojurescript / reagent examples

• Host: GitHub
• URL: https://github.com/tetigi/unearthing-clojurescript
• Owner: tetigi
• License: mit
• Created: 2018-08-18T10:47:11.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2021-07-15T18:47:27.000Z (almost 4 years ago)
• Last Synced: 2025-03-18T21:16:19.651Z (about 1 month ago)
• Topics: clojurescript, react, reagent, toptal
• Language: Clojure
• Size: 11.7 KB
• Stars: 28
• Watchers: 0
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Unearthing Clojurescript #

This repo contains the bare minimum required to get started with a Reagent

project in Clojurescript, as described in [this blog post](https://www.toptal.com/clojure/clojurescript-tutorial-react-front-end). Visit https://www.toptal.com/blog and subscribe to our newsletter to read great posts!

## I Just Want To Get My Hands Dirty ##

- Install Leiningen: https://leiningen.org/

- Run `lein figwheel`

- Edit `src/cljs/unearthing-clojurescript/app.cljs` and see the results!

## Places of Note

There aren't many things to actually look at here - getting started with

Clojurescript is simple and doesn't require much set-up!

__project.clj__

Here we have our project definition. This is specific to `leiningen`, which

is a popular Clojure (and Clojurescript) build tool. Most things should be

self-explanatory, especially if you have used something like Gradle before.

__resources/public/index.html__

This describes the binding point for our Reagent application. Our app will

hook into the `div` with the `id=app`. Here we also load in our generated

Javascript (compiled from Clojurescript) and our CSS sheets.

__src/cljs/unearthing-clojurescript/core.cljs__

In our `core.cljs` we have our applications starting point. Here I like

to load our devtools and set up our environment, including binding to

our `index.html`. We pull in our top level `app` module and start up

reagent!

__src/cljs/unearthing-clojurescript/app.cljs__

Finally, we have `app.cljs`, which is where we can start building our

application. I like to split each component into `STYLES`, `STATE` and

`VIEW` for our CSS, state (redux etc.) and component definitions

accordingly, but this is just personal preference!

## Commands

`lein figwheel`       - start the figwheel auto-reloading server

`lein cljsbuild once` - build the whole cljs project

`lein clsbuild auto`  - build the whole cljs and watch for changse