ClojureDart is a recent Clojure dialect to make native mobile and desktop apps using Flutter and the Dart ecosystem.
It's production-ready: applications are being built with it.
Clojuredart is developed by Baptiste Dupuchπ¦ and Christophe Grandπ¦ by taking time off of their consultancy -- it's grueling at times.
How can you help?
- Sponsor us (individual sponsorship is nice but corporate sponshorship is great). You can sponsor any of us or both, it doesn't matter, we split (β€οΈ Baptiste β€οΈ Christophe).
- Contract us for assistance, training, consulting or dev (can be as mundane as requesting to port a clj/cljs lib to cljd)
We have a cheatsheet covering ClojureDart specifics on one side and Flutter programming on the other side.
Want to see what's the workflow like? Our talk at Clojure/Conj 2023 is mostly a live-coding session, starting from scratch and assuming no prior knowledge of Dart or Flutter! Click here or on the image π
Stop by the Clojurians #ClojureDart channel or open an issue.
The two missing big features are:
- no REPL yet (WIP), but we have excellent hot-reload during UI work to get instant feedback
- multi-method (WIP)
Don't forget to subscribe to Curiosities -- our newsletter on ClojureDart and more!
Prerequisites: Clojure and Flutter installed and on your path.
Create a project directory with its deps.edn
mkdir hello
cd hello
cat << EOF > deps.edn
{:paths ["src"] ; where your cljd files are
:deps {tensegritics/clojuredart
{:git/url "https://github.com/tensegritics/ClojureDart.git"
:sha "75665e2018b5c373b2e90d2299579fec7f94b3db"}}
:aliases {:cljd {:main-opts ["-m" "cljd.build"]}}
:cljd/opts {:kind :flutter
:main acme.main}}
EOF(To update an existing project to the latest ClojureDart, just do clj -M:cljd upgrade)
Initialize project:
clj -M:cljd initAdd some source code:
mkdir -p src/acme
cat << EOF > src/acme/main.cljd
(ns acme.main
(:require ["package:flutter/material.dart" :as m]
[cljd.flutter :as f]))
(defn main []
(f/run
(m/MaterialApp
.title "Welcome to Flutter"
.theme (m/ThemeData .primarySwatch m.Colors/pink))
.home
(m/Scaffold
.appBar (m/AppBar
.title (m/Text "Welcome to ClojureDart")))
.body
m/Center
(m/Text "Let's get coding!"
.style (m/TextStyle
.color m.Colors/red
.fontSize 32.0))))
EOFCompile, watch and run:
clj -M:cljd flutter
In most environments this will spawn a desktop app.
More details there
- For Flutter to build GUIs
- For Plain Dart to build CLI apps.
In the samples directory directory, you'll find original sample code and ports of Flutter recipes.
Clone the ClojureDart repo.
git clone https://github.com/Tensegritics/ClojureDart.gitGo to the sample you want to try, let's say fab:
cd ClojureDart/samples/fabInit the project:
clj -M:cljd initThen launch the watcher:
clj -M:cljd flutterYou should get the sample running either in Chrome or as a desktop app.
To specify your exact target you must run flutter devices which outputs something like:
3 connected devices:
iPhone 6s (mobile) β’ D6707352-78D2-46BB-AB95-87355283FC82 β’ ios β’
com.apple.CoreSimulator.SimRuntime.iOS-15-5 (simulator)
macOS (desktop) β’ macos β’ darwin-arm64 β’
macOS 12.4 21F79 darwin-arm
Chrome (web) β’ chrome β’ web-javascript β’
Google Chrome 103.0.5060.114The second column is the id of the target (here D6707352-78D2-46BB-AB95-87355283FC82, macos or chrome) that you pass to the watcher:
clj -M:cljd flutter -d D6707352-78D2-46BB-AB95-87355283FC82Enjoy! π§
cljd.flutter is an utility namespace to remove Flutter boilerplate and integrate more nicely with Clojure.
Deprecated, use cljd.flutter.
Got out of alpha status and lives a happy life as cljd.flutter.
To all individuals who blindly believed in our endeavor and sponsored our work.
To NuBank who approached us very early for sponsorship.
To Roam Research who bet their mobile apps development (now in the App Store and Play Store) on ClojureDart and allowed us to make steady progress since Summer 2021.
If you want to sponsor our work, you can sponsor either of us, we'll balance sponsorship. If you are a company you can also contact us directly.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent