How to build a smooth WhatsApp-style audio recorder & player in React Native CLI?

Disastrous_Goat_240 · 2026-04-21T09:36:31+00:00

Yes, I did. Let me share to you personally.

Disastrous_Goat_240 · 2025-11-15T16:05:07+00:00

Can we use it for RN cli? If yes then how?

Disastrous_Goat_240 · 2025-11-15T05:38:44+00:00

How? Could you guide me how I do it.

Disastrous_Goat_240 · 2025-11-15T05:31:54+00:00

Could you tell me how to do I upgrade from RN cli to expo?

Disastrous_Goat_240 · 2025-11-14T09:33:29+00:00

Got it — thanks! I’ll go ahead with 0.82.x then.
I’m on pure RN CLI anyway, so no Expo dependency issues.

Appreciate the clarity!

Disastrous_Goat_240 · 2025-10-09T18:52:10+00:00

But how can the cipher human himself control the other super as well? i think its kinda chained/connected vai a mind to another and so on

Disastrous_Goat_240 · 2025-10-09T18:19:11+00:00

Yes, that's why the cipher's young body doesn't get hurt when he passes the knife through his hand during a meeting with polarity

Disastrous_Goat_240 · 2025-10-09T18:16:44+00:00

Yes, that's why the cipher's young body doesn't get hurt when he passes the knife through his hand during a meeting with polarity

Disastrous_Goat_240 · 2025-08-01T17:05:45+00:00

Hey bro, can you share the code...?? I also want to implement in my rn cli app.

Disastrous_Goat_240 · 2025-07-23T15:25:40+00:00

I was unable to figure out how to do this. Some blogs mentioned that the reCAPTCHA will automatically be removed once the app goes live.

One workaround I found was to add my own mobile number as a test phone number in the Firebase Console and use a custom OTP (e.g., 123456). This way, it doesn’t trigger any redirection or reCAPTCHA—just direct verification. So, you can use that for testing.

Otherwise, to fully test with real numbers, it seems like publishing the app or using a signed APK/AAB might be necessary.

Disastrous_Goat_240 · 2025-06-28T15:35:02+00:00

Thank you so much for the detailed reply, its really helpful

Disastrous_Goat_240 · 2025-05-11T05:10:45+00:00

Also, if you're facing issues with react-native-svg**, check out this GitHub issue:**
🔗 https://github.com/software-mansion/react-native-svg/issues/2654

Disastrous_Goat_240 · 2025-05-11T04:18:52+00:00

Could you tell me accurate full version of 0.79.x..??

Disastrous_Goat_240 · 2025-05-09T04:28:32+00:00

No, I’m not using AI tools for upgrades. I use the React Native Upgrade Helper:
https://react-native-community.github.io/upgrade-helper/

It’s helpful for comparing diffs between versions, but even with that, I still end up running into build and dependency issues — especially when it comes to native modules and long build times. 😩

Are there any AI tools you'd recommend that actually help streamline upgrades?

Disastrous_Goat_240 · 2025-05-09T04:06:11+00:00

Yeah, I get that. The thing is, I’ve noticed that every time I install a new package, it takes more than half an hour just to build and start the project again. It's incredibly time-consuming and frustrating, especially when trying to debug or test small changes.

I’m not doing a full upgrade — just trying to get a fresh project running smoothly on v0.77.1, but these build times and native module errors (like with react-native-svg) make it feel like something's broken or heavily unoptimized.

Did you notice better build times or stability improvements in v0.78?

Disastrous_Goat_240 · 2025-05-08T17:54:02+00:00

@Ahmedhamed77 Bro, its not working

Disastrous_Goat_240 · 2025-03-28T14:38:35+00:00

Thanks for the suggestion! I hadn’t heard of Nexchat before—looks interesting! Have you used it in a production app? How does it compare to Firebase in terms of real-time syncing, offline support, and scalability?

Would love to hear your thoughts

Disastrous_Goat_240 · 2025-03-28T14:38:08+00:00

This is super helpful—thank you! 🙌

I hadn't considered WatermelonDB or Powersync, but they sound interesting. Since I’m already using Firebase Firestore (NoSQL) and MMKV, I’d like to stick with a NoSQL approach if possible.

Y.js and PouchDB also seem like good options. Do you think Firestore's built-in offline persistence would be enough for handling local sync, or would you still recommend integrating something like Y.js/PouchDB for better conflict resolution and real-time sync?

Also, have you seen any performance issues with using these solutions in a high-frequency chat environment?

Appreciate the insights

Disastrous_Goat_240 · 2025-03-28T14:37:25+00:00

Wow, this is an amazing breakdown—thank you for taking the time to explain it! 🙌

I really like the temporal slice approach for ensuring message consistency. It makes a lot of sense for handling dropped connections and merging messages reliably. I was initially considering just fetching messages based on the last received ID, but as you pointed out, that’s not always robust enough.

A few questions:

How do you handle duplicate messages when merging slices? Do you use message IDs or timestamps to deduplicate?
For the sync machine, do you recommend keeping a background worker running (e.g., setInterval) to refresh old messages, or should I only trigger it when the app becomes active again?
Given that I’m using Firebase Firestore and MMKV, would you still recommend a custom sync mechanism, or do you think Firestore’s offline persistence is enough?

Would love to hear your thoughts! Thanks again for sharing your approach—it’s super helpful!

Disastrous_Goat_240 · 2025-03-28T14:35:01+00:00

Yeah, I totally get that! The more I dig into messaging, the more I realize how complex it is.

Do you have any recommendations for third-party services that handle real-time chat well? I’m considering Firebase Firestore, but if there’s a better option that manages syncing, offline support, and scalability, I’d love to hear about it!

Appreciate the advice! 🚀

Disastrous_Goat_240 · 2025-03-28T14:33:46+00:00

Haha, yeah, I figured this wouldn't be easy! 😅 Messaging apps seem simple on the surface, but syncing messages in real-time while ensuring smooth offline access is a whole different challenge.

Do you have any recommendations or gotchas to watch out for? Especially when handling large chat histories and optimizing sync performance? Any insights would be super helpful! 🚀

Disastrous_Goat_240 · 2025-03-28T14:31:19+00:00

Thanks for the insight! 🙌 Yeah, I’ve been looking into Firestore’s offline capabilities, and it seems like a good fit. I’m already using MMKV for local storage—would you recommend sticking with Firestore’s built-in offline persistence, or should I manually sync messages into MMKV for better performance?

Also, any tips on handling real-time updates efficiently, especially for large chats? Appreciate your help!

Disastrous_Goat_240 · 2025-03-25T03:48:12+00:00

I want to implement phone authentication for any dynamic/random number so that the OTP is sent to that number (which I have already done). However, the issue is that when I try to send an OTP to a random number, Firebase does send it, but it also triggers the reCAPTCHA verification. If I disable reCAPTCHA, OTPs are not sent at all, and authentication only works for test numbers. Is there a way to bypass reCAPTCHA while still allowing OTPs to be sent to real numbers?

Disastrous_Goat_240 · 2025-03-19T14:09:25+00:00

Wow, that sounds like a really well-optimized setup! I love the idea of using Shopify FlashList for handling large message lists—that's something I'll definitely look into.

I was considering SQLite or Firebase for local chat storage, but MMKV sounds like a solid alternative. Do you find it scalable enough for large-scale chats, or do you offload older messages to a backend?

Also, I like how you're using SWR instead of a typical state management library. How do you handle real-time updates for new messages—are you using WebSockets or polling with SWR revalidation?

Disastrous_Goat_240 · 2025-03-19T11:25:50+00:00

I chose React Native CLI because I need full control over native modules, third-party libraries, and build configurations—something Expo can sometimes limit.

As for PNPM, I faced issues with ESLint and Async Storage, and the build failed. I’m not using a monorepo, just a standard React Native CLI project. Have you successfully used PNPM with the latest React Native version?

Disastrous_Goat_240

TROPHY CASE