Clojurians Log v2

for transparency full code /react-native/custom_modules

package.json

{
  "name": "my-components",
  "version": "1.0.0",
  "description": "",
  "main": "worklets.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

worklet.js

require ["my-components" :as my-comp]

usage
[:> my-comp/Example]

{:js-package-dirs ["react-native/node_modules"
                                          "react-native/custom_modules"]}

Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

shadow-cljs only supports JS, it does not support .tsx files. so you should let metro process these files

say you are writing the CLJS output to :output-dir "app"

then you put the .tsx file someplace else, gonna use tsx here at the same level as app. so there is an tsx folder next to app

in CLJS then like you have (js/require "../tsx/that_file.tsx")

your code is fine except for this line (goog-obj/get worklets #js ["default"])

gobj/get doesn't take an array argument there

so its either just (.-default worklets) (unchecked-get worklets "default") or (goog-obj/get worksets "default")

shadow-cljs doesn't need to know about the files you are including this way. so remove the extra js-package-dirs

just me doing the (js/require "../tsx/that_file.tsx") metro will be able to process it?

i will adjust and come back to you. Thank you for the response and time

yes, shadow-cljs does not process js/require files

made adjustments.

(def ts-file (js/require "../tsx/index.tsx"))
(def ball (goog-obj/get ts-file "default"))

[:> ball]

this doesn't work either. Same result.

(def ts-file (js/require "../tsx/index.tsx"))
(def ball (r/adapt-react-class (.-default ts-file)))

...
[ball]

i tried regular js file with export - i can trigger function call no problem. I tried tsx - it works no problem This component however doesnt

Solved (finally, total hours spent 4) Please let me know if there is alternative to developing cross platform apps. solution tldr 1. read documentation very carefully https://docs.swmansion.com/react-native-gesture-handler/docs/installation/

After installation, wrap your entry point with <GestureHandlerRootView> or gestureHandlerRootHOC.

so

[:> gesture/GestureHandlerRootView {:style {:flex 1}}
   [:> rn/View....)}]]]

Anyone know if Flutter is any more stable? You would think I would know, right? https://github.com/kennytilton/flutter-mx But that is just a wrapper I knocked off last year, so I have not lived with the beast for a number of iterations. 🤷 ClojureDart hit the ground running, quite solid I mean. https://github.com/Tensegritics/ClojureDart They have their own syntactic niceties for Flutter.

This seems like a balanced comparison: https://www.thedroidsonroids.com/blog/flutter-vs-react-native-what-to-choose

This is the way i am actually going right now. Will see how it goes

i seriously doubt they will do that. react native gesture handler went from 2.0 to 2.8 making at least 3 big changes 🙂 I don't think stability means anything to them sadly