Example of a shadow-cljs react-native project using re-frame.
This project is simple mashup of reagent-react-native & rn-rf-shadow
$ npm install && cd react-native && npm install
$ shadow-cljs watch app
;; wait for first compile to finish or metro gets confused
$ cd react-native
$ npm start
;; and
$ react-native run-android
;; make sure to disable Fast Refresh / Hot Reloading / Live Reloading
;; see https://facebook.github.io/react-native/docs/debugging
;; production build
$ shadow-cljs release app
;; Create Android release
$ cd react-native/android
$ ./gradlew assembleRelease
;; APK should appear at android/app/build/outputs/apk/release
;; installs in Android as "Hello App Display Name"
The react-native folder was generated by calling react-native init AwesomeProject and renaming the folder.
The :app build will create an react-native/app/index.js. In release mode that is the only file needed. In dev mode the app directory will contain many more .js files.
:init-fn is called after all files are loaded and in the case of expo must render something synchronously as it will otherwise complain about a missing root component.
reagent.core loads reagent.dom which will load react-dom which we don't have or need. Including the src/main/reagent/dom.cljs to create an empty shell. Copied from re-natal.