cljs-react-navigation

ClojureScript React Native with Shadow, Hx, and React Navigation

An example live-reloading ClojureScript project that combines:

• react-native
• shadow-cljs
• lilactown/hx
• react-navigation

Based on https://github.com/thheller/reagent-react-native/

The more I've been using react native, the more I've come to appreciate lilactown/hx as a thin wrapper over react. More info here.

Setup (one time)

$ ( cd react-native && yarn install )
$ ( cd react-native/ios && pod install )

Running:

$ npx [email protected] watch dev
$ ( cd react-native && yarn start --reset-cache )
$ ( cd react-native && yarn ios )

Note: you're going to want to disable "fast refresh" in the simulator.

How the react-native folder was created

$ npx [email protected] init MyApp
$ mv MyApp react-native
$ cd react-native
$ yarn add react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view @react-navigation/native @react-navigation/stack @react-navigation/bottom-tabs
$ cat > index.js <<EOF
import "./target/index.js";
EOF