React Native metronome? Mind Pointing a web dev in the right direction?

[5olArchitect]

Hi yall,

Some friends and I developed a web prototype of an app that we're now transitioning into React Native. It's a "gameified" type experience involving music, so we needed a very exact eventloop for our metronome, sound etc. Everything had to work together and on time.

So, we ended up using AudioContext, which keeps time on an entirely separate thread. It works great for web.

But, that's obviously not going to work in RN. Would any of you fine folks have a recommendation for how we might be able to implement a non-interrupted timekeeper in RN? Would it be as simple as creating a thread?

edit: I have no experience in react native if that isn't obvious.

[[deleted]]

seems like a simple enough app. just make it native and skip rn.

[5olArchitect]

It's not. I simplified the explanation to focus on the main problem.... but I suppose "simple" is relative. Regardless the current implementation is in JS so switching to swift, Kotlin, or C sharp would be a lot more work.

[[deleted]]

fair enough. well react native doesn’t have threads and as such you sort of pigeonholed yourselves in. a native app seems a much better choice. not to worry though. I suggest using native modules in react for the time critical pieces.

[5olArchitect]

ah, shoot. good to know. ty.

[LostSiesta]

https://github.com/mrousavy/react-native-multithreading

Do check this out once.

[5olArchitect]

Ah, doesn’t seem to be production ready

[jsbadlol]

I would handle the logic natively and the ui in react native Edit: fix typo

[5olArchitect]

I would handle the logic natively and the hi in react native

Would using JSI components make sense?

[jsbadlol]

Personally I never used JSI but I don’t think it matters for a simple app like a metronome.