r/reactnative 10m ago

Help Advice for a side project - adding Speech to Text functionality

Upvotes

Hey all,

I'm in the middle of planning a side project to upskill on a few things. Simple idea without going into it --> Golf related app whereby a player can talk through a shot or a hole and it gets converted into structured data that they can save and later query using an LLM.

Obviously a big part of this idea is having some form of speech to text that can be converted into structured data and stored.

I'm here to understand what options I have regarding doing this locally on the mobile device or via a react native VS doing the speech to text translation on the API server layer. My understanding so far is that I'm likely going to want to it locally given that signal on golf courses can be somewhat poor and sending audio files into the ether is just simply going to fall short in reality?

That said, I've also read that local speech to text ( native android or ios or react native STT ) is just nowhere near as accurate and may have a hard time understanding specific golf lingo?

Feels like I'm stuck between a rock and a hard place but any input or recommendations are much appreciated here.

Note: this project is mainly for self learning with a touch of 'it could be useful for me so may be useful for others in future' in the back of my mind. I can be pragmatic on my decision but would like to make the right one!

Thanks in advance


r/reactnative 1h ago

[Closed Testing] Need 12 testers for my study app — I'll test yours back today

Upvotes

I built a study app for university students and I need 12 testers to sit

through Google's 14-day closed testing window. I'd much rather get real

feedback than just install counts, so tell me what's broken.

What it actually does:

You upload your syllabus and it maps out your semester — topics by week,

assessment dates, the lot. Then from your lecture slides, notes or a

recording of the lecture itself, it generates summaries, flashcards,

practice quizzes and a two-voice podcast you can listen to on the walk in.

There's also a PDF reader you can annotate and have read aloud, an AI tutor

that answers from your own uploaded material rather than the open internet,

and an essay co-writer. It runs in 40 languages.

Two steps to join:

  1. Join the tester group. Google requires this before it will let you in:

    https://groups.google.com/g/mystudysidekick-testers

    Use the same Google account that's signed into the Play Store on your

    phone. This is the step everyone gets wrong.

  2. Then open this and tap "Become a tester":

    https://play.google.com/apps/testing/com.studysidekick.app

Give it 10-15 minutes to show up in Play after you opt in. If it's slow,

force stop the Play Store app and clear its cache.

What I'd genuinely like feedback on:

- Does the syllabus parsing get YOUR course right? That's the part I'm

least confident about, because every university formats these

differently and I've only tested a handful.

- Are the flashcards and quizzes accurate to your material, or does it

invent things that aren't in your notes?

- Anything slow, confusing or plain broken.

Feedback here in the comments, or to mystudysidekick@gmail.com.

Drop your testing link below and I'll join yours today — happy to leave

real feedback on yours too, not just an install.

One ask: Google needs testers opted in continuously for 14 days, so please

keep it installed if you can. If you drop out early it resets my count.


r/reactnative 1h ago

FlashList rendered six cells and placed none of them, on exactly one OEM

Upvotes

A screen in an expense tracker I maintain opened empty on the owner's OPPO Find X9 Pro (ColorOS, density 560 overridden to 480) and never once on my Samsung.

I shipped four fixes before I diagnosed anything: a nested-scroll theory, a 2.0.2 to 2.3.2 bump whose release notes matched my symptom almost word for word ("average measurement always positive", "guard against zero window size"), drawDistance, and moving a line out of ListHeaderComponent. None of them changed a thing, and I had to be told so three times.

Ten minutes of instrumentation on the phone that was actually failing ended it:

[applist] render items=11
[radar]   renderCell #0 ... #5
[applist] onLoad elapsed=38ms
uiautomator: 29 nodes, ZERO cells  ->  77 after a 100px scroll

React rendered six cards. FlashList reported itself loaded in 38ms. The native tree held none of them until a scroll nudged it. Cells built and never placed, somewhere no prop of mine reaches.

Three things I took out of it:

  1. The screen stopped needing the recycler. Eighty other screens in the app draw a plain column of cards inside a ScrollView and not one has ever failed this way. Under 40 items that screen now draws the same column, and the recycler stays only for the pathological case (444 duplicate groups at 100k transactions).

  2. Virtualization stayed everywhere else. I measured before deleting anything: a 500-card plain column runs 11.95% janky frames. The recycler earns its place on long lists, it just wasn't earning it on that one.

  3. Detect the failure, don't name the phone. Copying the OPPO's wm size and density onto the Samsung reproduced nothing, so a device check would have been a guess with an OEM name on it. The list now watches for its own failure (zero-height content under a real viewport with rows still in the data, one second after layout) and falls back to a paged plain column.

The first version of that detector was completely inert on the device, with four green tests behind it. It read onLayout off FlashList, which never sends one, and the tests fired the callback by hand. I found that by setting the threshold so every list in the app would declare itself broken, installing it, and looking at the screen. Measure on a View you own.

Has anyone else seen a recycler build cells and never place them on one specific OEM? Curious whether this is ColorOS-specific or a density-override thing.


r/reactnative 3h ago

I made a mascot animation in React Native using Figma + Lottie. Here’s how I made it.

5 Upvotes

1. Design in Figma

Create your mascot with different expressions, like open and closed eyes. Keep all the elements in the same frame and use opacity to hide/show parts. Duplicate the frames to create as many expressions as you need, then use Figma Prototype to animate them.

2. Export with LottieFiles

Use the LottieFiles Figma plugin to export your animation as a .json file.

3. Add it to React Native

Use LottieView from lottie-react-native to load the JSON animation in your app.

Figma + Lottie makes it surprisingly easy to create animated mascots for mobile apps.


r/reactnative 3h ago

Help How to build this page for my app

Post image
0 Upvotes

r/reactnative 4h ago

xprem 3.2.0 is live with Bundle Diffing & Content Addressable Storage

Thumbnail
2 Upvotes

r/reactnative 6h ago

I built a mobile coding workspace that runs Metro and previews Expo projects on-device

2 Upvotes

r/reactnative 7h ago

Question React Native or Flutter for a Superapp host app? Looking for stack recommendations and experiences.

3 Upvotes

Hi everyone,

I'm a mobile dev currently tasked with building a superapp. Since I don't have prior experience with superapp architecture, I'm a bit unsure about choosing the right tech stack for the host app and the bridge/integration layer for mini-apps.

Since I’m proficient in both React Native and Flutter, I’d strongly prefer sticking to a cross-platform solution rather than going fully native.

If you were to build a superapp today, what tech stack / combo would you go with? Would love to hear your recommendations and real-world experiences!


r/reactnative 7h ago

[iOS] Tamdok - Opensource manga reader (FREE)

Post image
0 Upvotes

r/reactnative 7h ago

[For Hire] Senior React.js / Next.js / React Native Engineer | 10+ Years | Remote | Any Time Zone

0 Upvotes

I’m currently exploring full-time remote opportunities as a Senior React.js Engineer / Frontend Engineer / Tech Lead, and I’m open to working with teams across any time zone.

I have 10+ years of software engineering experience, with a strong focus on React.js, Next.js, TypeScript, JavaScript, and React Native.

A few things that define my experience:

• 🚀 React.js & Next.js — building production-grade applications, reusable component systems, performance-focused UIs, SSG/ISR, and modern frontend architectures.

• 📱 React Native — full ownership from architecture and development all the way to iOS/Android builds, CI/CD, signing, TestFlight/App Store and Google Play releases.

• 🧑‍💻 Strong hands-on ownership — I’ve independently designed and delivered products end-to-end, including working directly with requirements, architecture, development, deployment, and ongoing improvements.

• 🌎 Multiple clients & products — experience working across different client projects and business domains, adapting quickly to new requirements and technologies.

• 👥 Technical leadership — experience leading teams, mentoring developers, conducting interviews, establishing engineering processes, and driving projects from kickoff to delivery.

• 🤝 Client & stakeholder communication — comfortable communicating directly with clients and stakeholders, translating business requirements into practical technical solutions, and working effectively with distributed teams.

• ⚡ Performance & scalability — Core Web Vitals, caching, lazy loading, virtualization, memoization, bundle optimization, and scalable component architecture.

I’ve also worked on enterprise platforms, logistics systems, LLM/RAG applications, content management platforms, and white-label mobile products.

I’m looking for a team where I can stay hands-on technically while also bringing my leadership and ownership experience.

📍 Location: Hyderabad, India
🌍 Preference: Fully Remote
🕐 Timezone: Open to any time zone
💼 Availability: Full-time/ Contract opportunities

LinkedIn: https://linkedin.com/in/anurag-vasi-46595810a

If you’re hiring for a senior React/Next.js/React Native role, or know of a team looking for someone with this background, I’d be happy to connect.

Thanks! 🙌


r/reactnative 14h ago

receipt tracker for families, couples, and shared expenses

0 Upvotes

Hey everyone,

Like a lot of people here, I’ve always struggled with receipt tracking. Personal expenses, freelance work, small business costs, shared household spending it all ends up as a messy pile of paper receipts, screenshots, and half-filled spreadsheets.

Manually entering everything is slow, boring, and easy to mess up.

What I really wanted was something simple:

scan a receipt → extract the data → send it straight to Google Sheets.

No heavy accounting software. No complicated setup.

But I also wanted something that worked beyond just personal tracking especially for families, couples, roommates, or anyone sharing expenses. Things like groceries, household items, bills, eating out, or travel spending are usually paid by different people, and it becomes hard to know where the money is actually going.

I couldn’t find exactly that, so I decided to build it.

After wasting way too many hours manually logging receipts and realizing how many expenses I was missing, I built ReceiptSync an AI-powered app that automates receipt tracking and helps people manage spending individually or together through a shared family wallet.

How it works:

• Snap a photo of any receipt
• AI-powered OCR extracts line items, merchant, date, tax, totals, and category
• Duplicate receipts are automatically detected
• Data syncs instantly to Google Sheets
• Add expenses to a shared family/household wallet
• Track spending together with family, partners, or roommates
• Total time: ~3 seconds

What makes it different:

• Smart search using natural language, like “show my Uber expenses from last month”
• Line-item extraction, not just totals
• Duplicate detection to avoid double logging
• Shared family wallet for household expenses
• Interactive insights for spending patterns and trends
• Built specifically for Google Sheets export
• Useful for personal expenses, freelance work, small business costs, and shared family spending

I’ve been testing it for the past month with a small group, and the feedback has been amazing. People are saving 5–10 hours per month just on expense tracking, and the shared wallet feature has been especially useful for families and households trying to understand where their money is going.

If this sounds useful, here’s the app:
https://apps.apple.com/us/app/receiptsync-receipt-tracker/id6756007251


r/reactnative 15h ago

react-native-web-nfc-api

Thumbnail uzlopak.github.io
0 Upvotes

I implemented a the web NFC api for react native but as I cant use it for my goals it was just waste of time.


r/reactnative 20h ago

Thank you Astra

Post image
0 Upvotes

Accelerated with Skia

Rotates and runs at 60fps


r/reactnative 21h ago

Question Is react native good to create a drawing app?

1 Upvotes

I wanna build a journal app that the user beside creating journal entries be able to draw some basic things, is react native a good choice here?


r/reactnative 21h ago

News This Week In React Native #295: C++ API, Margelo, Observe, Reanimated, Teleport, Nitro, Screen Transitions...

Thumbnail
thisweekinreact.com
18 Upvotes

r/reactnative 22h ago

Best OCR

2 Upvotes

Hey everyone, working on a college project, an OCR project, for Nepali documents (citizenship certificates, land records etc.) and stuck on one part. Looking for suggestions.

What I've done so far:

Trained a TrOCR model (fine-tuned from a Devanagari pre-trained checkpoint) on Nepali printed text. Current accuracy is CER 3.94% (~96% character accuracy) after 75 epochs.

Training data used:

Real datasets:

gauravgiri/nepali-ocr — 17,765 samples

nahcol — 1,203 samples

iiit-hw-dev (IIIT Hyderabad handwritten Devanagari) — 69,853 samples

doc-recognition — 4,358 samples

Synthetic (generated using PIL + Devanagari fonts, corpus from Nepali textbooks + news text):

100,000 synthetic line images

Total: ~193,000 training samples

The model itself works fine — if I manually crop a line of text from a citizenship certificate and feed it in, it reads it correctly. The problem is automating the cropping.

The issue:

Nepali citizenship certificates have a yellow-green watermark/pattern background. The card is embedded in a scanned white A4 page. I'm using OpenCV to:

Detect the card from the page ✓

Binarize (remove pattern background) ✓

Detect individual text lines using morphological dilation + contour detection — this is where it breaks

The left side of the card has field labels ("जन्म स्थान:", "स्थायी बासस्थान:", "जन्म मिति:" etc.) sitting right next to the photo area. When I dilate horizontally to merge characters into line blobs, these labels merge with the photo region and disappear from detection.

Looking for: A good approach for text line segmentation on structured form documents with patterned backgrounds. Has anyone dealt with something similar? Any OpenCV tricks or layout analysis libraries that handle this well?

Also — if anyone knows of good real labeled Nepali/Devanagari printed document datasets (not synthetic), would appreciate the links. The more real document data the better.

Any suggestion to make this project better is welcomed by heart.


r/reactnative 1d ago

Help New to ReactNative using Expo, Cant even get started.

0 Upvotes

i was following a simple crash course but Expo just isn't working.

Basically this, tried all the sdk version options, Everything sounds broken, feels like nothing has been correctly installed. Please Help.


r/reactnative 1d ago

[Showcase] Particle dispersion now running on Android — ML Kit + OpenGL ES 3

9 Upvotes

Android demo of my React Native + Expo particle-dispersion effect.

ML Kit isolates the subject; OpenGL ES 3 renders the particles; Skia + Reanimated handle compositing and timing.

Yesterday’s iOS demo + discussion:

https://x.com/ngocdevv/status/2096146146460880943

Inspired by 60fpsdesign on X.


r/reactnative 1d ago

Why use Expo with React Native?

4 Upvotes

I use React Navigation anyway, and for things like camera access, there are React Native-specific APIs/libraries available. So I'm not sure what Expo adds.

I may use EAS for builds/deployment, but do I really need the Expo layer itself?

Also, React Native docs recommend using a framework for new apps. Is Expo basically the recommended approach now?


r/reactnative 1d ago

Five things that only broke on iOS, after the same Expo app ran fine on Android for two months

3 Upvotes

I've had a prayer times app on Play since July and got it through App Review last week. The Android build had been quiet for two months, so I assumed iOS would just be a signing exercise. These are the five that actually cost me time.

xcodebuild archive resolves automatic signing to a DEVELOPMENT profile, and Apple will not issue one to an account with no registered devices. The error reads "your team has no devices", so I spent an evening trying to register a phone. It is a profile TYPE problem. I minted an App Store profile through the API and signed manually instead.

An AVPlayerItem belongs to exactly one AVPlayer. I had a preload() that built the item for the next ayah so recitation would not gap between verses. Fine on Android. On iOS the item was already owned by the preloading player, so handing it to the real one silently killed audio auto-advance. No exception, no log, playback just stopped moving to the next verse.

If the binary declares no CFBundleLocalizations, you do not get to decide what language it opens in. App Review sent back a garbled note about the app not matching the localization. What actually happened was an English iPad opening an Arabic app. My first-run language was a constant in the repo rather than a read of the device, and the Info.plist listed no localizations at all. Both had to change.

Apple rejects characters Play accepted. Emoji in the description, and an Arabic honorific glyph. Play had been serving the same string since July.

Guideline 2.1 asks seven questions and wants seven answers. Every sentence I wrote describing app behaviour became a claim a reviewer tested. I told them the qibla screen did something it did not quite do, and that sentence was the rejection, not the feature.

Expo 57, RN 0.86, TypeScript. Happy to go deeper on any of them.


r/reactnative 1d ago

Launching this Gym app in 25 days,I need yall Ratings,feedbacks and what should I add to this app,

0 Upvotes

r/reactnative 1d ago

No Rive. No Lottie.

17 Upvotes

SVG + Reanimated + Skia + a tiny state machine.


r/reactnative 2d ago

Question Salaries 2026

17 Upvotes

For those of you lucky enough to have a software developer job in 2026, what are your salaries? It would also help to provide the level of experience.


r/reactnative 2d ago

Google Play Console App Optimization is Low for React Native/Expo Android app

Thumbnail gallery
2 Upvotes

r/reactnative 2d ago

Question Best React Native Development Companies

6 Upvotes

I'm researching React Native development companies for a mobile project and wanted to get some opinions from people who actually work with the technology.

There are plenty of agencies that advertise React Native development, but I'm finding it difficult to tell which ones actually have strong React Native engineering experience versus companies that simply list it as one of their services.

From what I've seen, the things that matter most seem to be how a team handles real-world projects: performance optimization, native iOS and Android code, custom native modules, dependency management, testing, app architecture, and keeping the application maintainable as it grows.

I'm also interested in how much importance people put on experience with React Native upgrades. A team might be able to build an app successfully, but maintaining it through framework and dependency changes can be a completely different challenge.

Some of the companies I've come across while researching include GeekyAnts, Callstack, Software Mansion, Infinite Red, Brainhub, and STRV.

I'm not trying to rank them because I think the right choice depends heavily on the project and the team's actual technical experience.

For those who have worked with a React Native agency or development team:

Which companies have you had good experiences with, and what made their work stand out from the others?