This page is not created by, affiliated with, or supported by Slack Technologies, Inc.
2021-07-21
Channels
- # announcements (1)
- # babashka (13)
- # beginners (85)
- # calva (1)
- # chlorine-clover (16)
- # cider (30)
- # clj-kondo (2)
- # clj-on-windows (5)
- # cljdoc (3)
- # cljs-dev (12)
- # cljsrn (19)
- # clojure (88)
- # clojure-europe (39)
- # clojure-nl (7)
- # clojure-sweden (3)
- # clojure-uk (8)
- # clojurescript (35)
- # core-async (3)
- # data-science (2)
- # datomic (17)
- # defnpodcast (3)
- # deps-new (1)
- # editors (18)
- # emacs (4)
- # events (1)
- # expound (1)
- # figwheel-main (8)
- # fulcro (9)
- # graalvm (2)
- # graalvm-mobile (11)
- # helix (44)
- # jobs (7)
- # lsp (95)
- # luminus (9)
- # malli (6)
- # meander (4)
- # membrane (2)
- # missionary (13)
- # off-topic (98)
- # pathom (2)
- # polylith (4)
- # portal (3)
- # re-frame (6)
- # reagent (27)
- # reitit (3)
- # releases (3)
- # remote-jobs (6)
- # rewrite-clj (1)
- # rum (2)
- # sci (3)
- # shadow-cljs (7)
- # sql (66)
- # tools-deps (80)
- # vim (5)
- # xtdb (3)
if I press R I get the same results 😕 what is strange to me is that if I run the hello world app created with npx react-native init
it works fine, Metro is working and I can hotreload code
Im going to double check my configuration and try it on another machine to see if things work out differently, thanks for the assistance everyone 🙂
you can load those urls in a browser - but the Metro network request for those files is failing
Anyone know what translating this into cljs looks like?
<CountdownCircleTimer>
{({ remainingTime, animatedColor }) => (
<Animated.Text style={{ color: animatedColor }}>
{remainingTime}
</Animated.Text>
)}
</CountdownCircleTimer>
I think it should be
(def text (r/adapt-react-class (.-Text ReactNative)))
(def countdown (r/adapt-react-class CountdownCircleTimer))
[countdown
(fn [^js props]
(let [remaining-time (j/get props :remainingTime)
color (j/get props :animatedColor)]
(r/reactify-component
[text
{:style {:color color}}
remaining-time])))]
but that doesn't work, I've tried many combinations of things that I think should work but I guess I'm just missing some understanding of reagent and react, possibly react-native works different to react? I also haven't been able to require tick, I think because of some react-native specific issue@alex395 I guess that's a weird JSX shorthand instead of inlining the props as attributes?
You could probably look at what the JSX translates to, I'm not familiar with that pattern myself
Yeah I’ve not seen it before either… I am wondering if its something to do with reagent generating class components and those somehow aren’t compatible with what the CountdownCircleTimer wants, but I feel really out of my depth there 😅 I guess I will ask in #reagent as that seems more appropriate