Why ClojureScript and Reagent?
Concise.
Remove complexities from your code.
CLJS ⁝ Reagent
(ns counter (:require [reagent.core :as r])) (def click-count (r/atom 0)) (defn counting-component [] [:div "The state has a value: " @click-count [:input {:type "button" :value "Click me!" :on-click #(swap! click-count inc)}]])
JS ⁝ React
import React, { Component } from 'react' class Counter extends Component { constructor(props) { super(props); this.state = { clickCount: 0 }; this.incCounter = this.incCounter.bind(this); } incCounter() { this.setState(prevState => ({ clickCount: prevState.clickCount + 1 })); } render() { const { clickCount } = this.state return ( <div> The state has a value: {clickCount} <input type="button" value="Click me!" onClick={this.incCounter} /> </div> ); } } export default Counter
Easy.
Effortless integration via shadow-cljs
with JavaScript and npm.
Terminal
npm install --save firebase
ClojureScript
(ns fb.init (:require ["firebase/app" :as firebase])) (defn firebase-init [] (firebase/initializeApp #js {:apiKey "your-api-key" :authDomain "your-auth-domain" :databaseURL "your-database-url" :projectId "your-project-id"}))
JavaScript
import firebase from 'firebase/app'; const firebaseInit = firebase.initializeApp({ apiKey: 'your-api-key', authDomain: 'your-auth-domain', databaseURL: 'your-database-url', projectId: 'your-project-id' }); export default firebaseInit;
Robust.
Sturdy build tools.
ClojureScript uses Google Closure Tools
for code minification and tree shaking.
Who else uses Closure Library?
Explicit.
Clear and in detail error messages with shadow-cljs,
leaving no room for confusion or doubt.
Accessible.
Convenient plugins for all major editors.
