Advanced Heading

ClojureScript + React Native

Resources for developers using ClojureScript to build React Native apps.

Companies

Companies using ClojureScript and React Native to build solutions.

Discussion

Slack:

#cljsrn channel in Clojurians Slack.

IRC:

#clojurescript channel on freenode.net

Using

Re-Natal

Re-Natal is the original and most-referenced stack for building with ClojureScript and React Native, but it is no longer actively developed and is behind React Native by several minor versions.

Krell

Krell is a stand-alone approach which relies on the standard ClojureScript compiler and tooling to make developing React Native apps simpler and easier. Krell uses minimal deps.edn and build.edn config to establish a clean REPL-based workflow, embracing established ClojureScript development idioms.

react-native-figwheel-bridge

react-native-figwheel-bridge is a simple approach to setup React Native with ClojureScript + Figwheel + REPL on top of a standard React Native project. Follow the readme, the approach seems to work great as described.

Expo

Expo is tooling around React Native that lets you build mobile apps using only JavaScript. There is a leiningen template which provides a ready-to-use setup for ClojureScript apps. The template provides REPL and Figwheel capabilities using only Clojure scripts directly in user space (as opposed to re-natal external tools). This, however, also makes it more difficult to update since the code has to be patched on the user repo. The Expo template is the more recent of all approaches but it supports building apps without any Android or iOS SDK, which is great to get started.

Wiki

The publicly editable Wiki contains tips and tricks learned by the community.

Posts & Articles

Blog posts and articles pertaining to ClojureScript with React Native and associated tooling.

How to debug react-native app on Android Avd using clojurescript

2019-06-16 - anish-patil.blogspot.com

Using shadow-cljs to compile React Native for iOS on GNU/Linux

2019-06-11 - blog.nodrama.com

HTTP Fx for Re-Frame on React Native

2019-06-25 - increasinglyfunctional.com

Create iOS apps on Linux using React Native and ClojureScript

2016-12-31 — medium.com

Getting started with React Native Navigation and ClojureScript

2019-02-13 — anish-patil.blogspot.com

How to create React Native project with ClojureScript and Android Studio Emulator on Fedora (Linux)

2019-02-12 — anish-patil.blogspot.com

React Native: Summing up

2016-06-24 — medium.com

I Published an iOS App with ClojureScript and React Native

2018-08-17 — increasinglyfunctional.com

React Native in ClojureScript

2018-01-31 — github.com

Animating react-native — take 2

2016-12-31 — medium.com

React-Native Animated from Clojurescript

2016-12-28 — medium.com

My experience with Clojurescript and React Native

2016-08-06 — medium.com

App Group Data Sync with ClojureScript and Re-Frame

2018-10-31 — increasinglyfunctional.com

Developing mobile iOS applications on GNU/Linux with Re-Natal

2019-06-25 - increasinglyfunctional.com

Yes, we can. Cross-platform native mobile applications development

2016-01-28 — medium.com

Going native with om.next

2015-10-27 — dvcrn.github.io

Misc Repos

Marko Kocic's

React-native, native-base and shadow-cljs Clojurescript Todo app example

Matt Meintjes's

Re-Frame React Native TicTacToe.

Nicholas Kariniemi's

proof of concept for compiling ClojureScript for use on React Native for Android.

Artem Yarulin's

react-native-eval.

Viktor Eriksson's

re-navigate, an example of using React Native’s new Navigation with re-frame/re-natal

Peter Strömberg's

rn-rf-shadow, a Getting Started in 3 minutes example, leveraging shadow-cljs, Expo, reagent, and re-frame to build an app for iOS, Android and web browsers.

Apps

Apps built using ClojureScript and React Native.

Riverford:

An app for managing your Riverford order of seasonal, organic veg. App built with React Native + ClojureScript + re-frame + expo

Scholli :

(Android / iOS): Non-cloud app to control Shelly devices, based on re-natal + reagent.

Ezmonic :

(Android / iOS): Built with shadow-cljs, re-frame, React Native, and ClojureScript, Ezmonic helps you remember long numbers by automatically finding the shortest Major System mnemonic phrase.

Fy:

Fy boot-react-native + Reagent + Datascript

Luno Weather App:

Re-natal + reagent + React-Native-Material-Design from Alexander Pantyuhov.

QTTT:

A port of Luke Vanderhart’s web app to use Om on React Native. Try it online.

Snapability:

(iOS / Android): An OCR app built with re-natal and re-frame.

Status:

a web3 browser, messenger, and gateway to a decentralised world of Ethereum. re-natal + re-frame + cljs + golang

FullContact:

Contact management apps that help you be awesome with people. Parts of the apps built with React Native + ClojureScript + re-natal + re-frame + figwheel

Talks & Videos

Slides, demos, talks, etc. pertaining to ClojureScript with React Native and associated tooling.