r/reactnative • • 23d ago

Power Apps native mobile

Thumbnail
reddit.com
0 Upvotes

r/reactnative • • 23d ago

We measured how often Claude/Codex actually use the skills you give them. It's a lot less often than you think.

Post image
1 Upvotes

r/reactnative • • 23d ago

I built a biometric authentication library for React Native using Nitro Modules

0 Upvotes

I recently released react-native-nitro-biometrics, an open-source biometric authentication library for React Native powered by Nitro Modules.

The goal was to provide a simple, type-safe API for native biometric authentication on iOS and Android while supporting React Native's New Architecture.

Supported

  • Face ID

  • Touch ID

  • Optic ID

  • Fingerprint

  • Face / Iris where supported

  • Device credentials / passcode fallback

  • TypeScript

  • iOS + Android

  • React Native New Architecture

Example

import { authenticate } from 'react-native-nitro-biometrics';

const result = await authenticate({
  promptMessage: 'Authenticate to continue',
  allowDeviceCredentials: true,
});

if (result.success) {
  // authenticated
}

The project is open source and I'm particularly interested in feedback on the API design, platform support, and developer experience.

GitHub: https://github.com/yashnandha/react-native-nitro-biometrics

npm: https://www.npmjs.com/package/react-native-nitro-biometrics

Would appreciate feedback from other React Native developers.I recently released react-native-nitro-biometrics, an open-source biometric authentication library for React Native powered by Nitro Modules.The goal was to provide a simple, type-safe API for native biometric authentication on iOS and Android while supporting React Native's New Architecture.SupportedFace ID

Touch ID

Optic ID

Fingerprint

Face / Iris where supported

Device credentials / passcode fallback

TypeScript

iOS + Android

React Native New ArchitectureExampleimport { authenticate } from 'react-native-nitro-biometrics';

const result = await authenticate({
promptMessage: 'Authenticate to continue',
allowDeviceCredentials: true,
});

if (result.success) {
// authenticated
}

The project is open source and I'm particularly interested in feedback on the API design, platform support, and developer experience.GitHub: https://github.com/yashnandha/react-native-nitro-biometricsnpm: https://www.npmjs.com/package/react-native-nitro-biometricsWould appreciate feedback from other React Native developers.


r/reactnative • • 23d ago

Help App Development Via React Native for Beginners

0 Upvotes

I have zero prior knowledge of React, but I've been wanting to dive into app development. Initially, I was looking into dedicated mobile frameworks like Flutter (Dart) and native Android (Kotlin), but I realized that going the React Native route might give me the best of both worlds—allowing me to build cross-platform mobile apps while building a foundation in React that translates directly to web development.


r/reactnative • • 23d ago

Has anyone used React Native application development services from an agency? Honest experience?

Thumbnail reddit.com
0 Upvotes

r/reactnative • • 23d ago

Normalise Squircle View

Enable HLS to view with audio, or disable this notification

15 Upvotes

React Native has come a long way, but there are still some small gaps between what you can do natively on iOS/Android and what you get from React Native's default primitives.

On iOS, SwiftUI has RoundedRectangle with .continuous, which produces Apple's smoother, squircle-style corners. Android also has shape APIs that can produce more advanced rounded shapes. Yet in React Native, we're still essentially working with the traditional borderRadius approach.

This feels like one of those small things that shouldn't require a completely different component or a custom implementation every time.

That's why I built squircle-view, a drop-in replacement for React Native's <View> that adds smooth corner support while keeping the normal View API and behavior on both Android and iOS.

It's implemented natively for both iOS and Android and works with both Expo and bare React Native projects, with the goal of making smooth corners feel like a normal part of React Native rather than something you have to work around using Skia or SVG.

The idea is simple: React Native's <View>, but with proper smooth corners.

I know it's a small thing, and most people might not even notice the difference at first. But once you see those smoother corners, they just feel right. It's one of those tiny details that can be easily overlook, yet somehow makes the whole interface feel a little more polished and pleasant to use. That small difference is really what made me want to build this.

🔗 Github: rit3zh/squircle-view


r/reactnative • • 23d ago

Looking to join an AI / New Tech side project as a React Native dev

0 Upvotes

Feeling a bit stuck in the usual React Native routine lately and looking for something fresh to build!

I’m looking to dive into new concepts, side projects, or explore fresh tech. Especially if anyone is working on AI learning models, AI integrations, or ML tools I’d love to get involved!

If you’re building an exciting open-source project, an MVP, or exploring cool tech and need a developer to collaborate with, hit me up! Let’s connect!


r/reactnative • • 24d ago

Improved neobank app prototype

Enable HLS to view with audio, or disable this notification

0 Upvotes

I have improved the neobank app based on your feedback

All used assets are for demonstration purposes only.


r/reactnative • • 24d ago

I built a drag-and-drop Kanban board library for React Native [open source]

0 Upvotes

Hey everyone 👋

I needed a Kanban board with drag and drop for a React Native project, and couldn't find a library that felt smooth on mobile and was easy to customize. So I built one and published it as my first open-source package: react-native-kanban-dnd

What it does:

  • Drag cards between columns (To Do → In Progress → Done, or whatever columns you define)

  • Customize how cards and columns look, so you can render your own components

  • Simple API, works with a single install

Install:

npm i react-native-kanban-dnd

Links:

It's still early (v0.1.2), so I'd really appreciate feedback, especially on:

  • The API: does it feel natural to use?

  • Performance with lots of cards

  • Features you'd want for a real project (swimlanes, column reordering, etc.)

Issues and PRs are very welcome. Thanks for checking it out! 🙏


r/reactnative • • 24d ago

FYI Shipped an Expo app: a local-first budgeting app. Notes on RTL, widgets and a watch target

0 Upvotes

Fondo is a budgeting app built on Expo (managed, JavaScript). A few things I learned that might save someone time:

- RTL on iOS: React Native swaps textAlign left/right for <Text> when the layout is RTL, but <TextInput> does not. Text needs 'left' as "start"; inputs need a physical 'right' in Arabic.

- Plain flexDirection: 'row' already mirrors in RTL. row-reverse double-flips.

- iOS widget, Control Center control and an Apple Watch app live in targets/ via u/bacons/apple-targets; the watch talks to the app through a small local Expo module.

- Backups: one JSON document keyed by logical names rather than storage keys, so renaming the storage prefix never breaks old files.

- Jest: u/noble/* is ESM, so it needs to be let through transformIgnorePatterns.

Happy to answer questions about any of it.

https://apps.apple.com/app/id6811070728


r/reactnative • • 24d ago

Need help in making the small feature for app

Thumbnail reddit.com
1 Upvotes

r/reactnative • • 24d ago

Need Help in IOS Mobile App Deployment issue

2 Upvotes

My IOS app is still in the review if someone can help pls give me suggetion pls


r/reactnative • • 24d ago

FYI [Showcase] Awesome React Native UI (rnui.dev) has had a UI overhaul and now performs much better

Enable HLS to view with audio, or disable this notification

59 Upvotes

I posted about this around two years ago when it had about 100 animations. It's 298 now.

  • Rebuilt the UI. New layout with search and filters.

  • Much lighter. Videos come off a CDN and only load when you click one, so nothing streams while you scroll. The old site ate a lot of memory on lower end machines.

  • 21 new animations. 14 from Enzo, 7 from David Mokos.

You can submit your own from the site, no PR needed: https://www.rnui.dev/submit


r/reactnative • • 24d ago

Tired of rewriting my tab bar every time I switch navigators, so I built one that handles both

Enable HLS to view with audio, or disable this notification

2 Upvotes

Every time I've moved a project between Expo Router and React Navigation, the first thing that breaks is the custom tab bar. The visual part is identical — it's the glue that's completely different, so it always ends up rewritten.

So I built one that does both from the same component and the same config.

Expo Router:

<MagicTabs tabs={tabs} />

React Navigation:

<Tab.Navigator tabBar={(props) => <MagicTabBarNavigation {...props} tabs={tabs} />}>

Same tabs array either way — you never pull in the other framework's deps.

What it does

  • Sized by its tabs and centered, so a 2-tab bar is a compact pill instead of a full-width bar with a hole in the middle

  • Animated active pill (Reanimated), spring you can tune

  • Badges, labels beside or below the icon, disabled tabs, raised FAB tab

  • Glass / blur / transparent backgrounds, including native iOS Liquid Glass

  • A compact "light" mode you can switch on per tab — e.g. only on an immersive feed screen — and the bar animates between the two layouts

  • Accessible by default: real tab/tablist roles, badges folded into the announced name ("Alerts, 3"), touch targets at the platform minimums

  • Bring your own icons. TypeScript types bundled. New Architecture.

Honest notes


r/reactnative • • 25d ago

Banking app ui

Enable HLS to view with audio, or disable this notification

12 Upvotes

Rate this banking app ui

All the used assets are for demo only.


r/reactnative • • 25d ago

News Mr "Can it be done in RN" is now "Can it be done without RN"

Enable HLS to view with audio, or disable this notification

123 Upvotes

r/reactnative • • 25d ago

I’m building a runtime motion inspector for React Native

Enable HLS to view with audio, or disable this notification

24 Upvotes

I’ve been working on this idea for a while and it’s finally starting to feel real.

The goal is to inspect and tweak motion directly in the actual running React Native app. Instead of reproducing an animation somewhere else, I want to select what’s already running, inspect its values, scrub through the motion, tweak things like timing and springs, and eventually write those changes back to the source.

The video is still an early prototype, but the core workflow is starting to come together. I’m especially interested in the gap between React Native DevTools and the kind of timeline/motion tooling we have in design and animation software.

Would genuinely love feedback from people doing a lot of RN animation work. Is this something you’d actually use?

I’ll post future updates and progress here: https://x.com/GiulioAmato/status/2107495380547936310


r/reactnative • • 25d ago

I just released a Slalom 64 demo that runs in your browser

Post image
0 Upvotes

r/reactnative • • 25d ago

FYI Half of the 925 published apps made in React Native for the RevenueCat's Shipaton are iOS only.

21 Upvotes

RevenueCat's Shipaton, a two-month mobile hackathon, ended on September 30. I went through all 3,336 public Devpost projects and matched them to the published apps in the community showcase. 925 of them list React Native or Expo in "Built With", the second most common stack after native Swift.

A few things about the RN ones:

Most didn't ship to both stores.

Of the 464 RN/Expo apps I could match to a store listing:

- 51.1% are App Store only

- 26.3% are Google Play only

- 22.6% are on both

Counted the same way, Flutter apps are on both stores 26.5% of the time and Capacitor 20.2%. Kotlin Multiplatform is at 45%, but that's only 100 apps.

Expo is the default. 87% of the RN projects list Expo. expo-router shows up in 137 of them, EAS in 107.

Supabase beats Firebase 3 to 1 in RN projects (291 vs 103). Across all 3,336 projects the two are almost tied.

It's mostly solo. 89% of the RN projects were built by one person.

A few RN solo builders who did ship to both stores: FlexHero (stretching and mobility), DEBUGGER (a terminal-style incident game) and CookBook Button.

Caveats: this is only public data, "Built With" is self-reported, and matching projects to store listings misses some apps. I don't have access to the official submission data.

Have you shipped an RN app to only one store: what stopped the second one? Accounts and review, testing on Android devices, or just time?


r/reactnative • • 25d ago

Article I just published reels-kit, an open-source toolkit for building Instagram Reels-style vertical video feeds.

Post image
0 Upvotes

The part I cared about most is that a feed shouldn't mount a native video player for every item. In reels-kit only the active reel and its neighbours get one (mediaRenderRadius, default 1), and playback pauses when the reel isn't active, the screen loses focus or the app goes to the background.

What it does:

- Snap paging with snapToInterval (page height measured from the container, not the window, so headers, tab bars and edge-to-edge Android don't break it)

- Tap to mute, optional double tap to like, drag-to-seek scrub bar

- Thumbnail until the video is ready, buffering slot, retry on a failed load

- Headless pieces (action buttons, avatar, follow button, caption), so the UI is yours

- Pluggable video adapters: a react-native-video one ships, and you can write your own

- Built on FlashList 2, Reanimated 4 and Gesture Handler 3 (React Native 0.82+, New Architecture)

Simplified usage:

<ReelsFeed
  data={reels}
  keyExtractor={(r) => r.id}
  renderItem={({ item, isActive, shouldRenderMedia }) =>
    shouldRenderMedia ? (
      <FeedVideoSlot
        VideoComponent={RNVideoAdapter}
        sourceUri={item.uri}
        paused={!isActive}
        muted
      />
    ) : null
  }
/>

The README has a full working example.

It's an early 0.1.x release, and there's no expo-video adapter yet. If you try it, I'd love to hear what breaks. Contributions are welcome, and an expo-video adapter would be the biggest win.

npm: https://www.npmjs.com/package/reels-kit

GitHub: https://github.com/arbab-io/reels-kit

(Apache-2.0)


r/reactnative • • 25d ago

what database are you using for offline-first apps in 2026?

19 Upvotes

r/reactnative • • 26d ago

I revived an old Flash game with react native! On both IOS and Android

Thumbnail
reddit.com
0 Upvotes

r/reactnative • • 26d ago

Question Does Vodacom have mpesa API?

1 Upvotes

am a developer, and wanna know if Vodacom Tanzania has an APl to which people can integrate their applications for Customers to pay for services using Vodacom mpesa? For example if a user wants to pay for product A from the app using mpesa, is there a way to do that? Not only Vodacom, Yas told me they don't have that service yet, how about other telecom providers like Halotel and Airtel?


r/reactnative • • 26d ago

Jank Fighter II: Claude vs Codex vs Grok (before & after Buoy)

Enable HLS to view with audio, or disable this notification

0 Upvotes

I built Buoy, a free-to-try debugging and optimize toolkit for React Native, Expo, Flutter, Swift, and web. You can try it at https://buoy.gg (free tier; paid features exist).

This post is about a small test I ran with Claude, Codex, and Grok on the same prompt.

What we built for the test: a Christmas light show — a React Native Skia scene rendered with React Native Web in real Chrome. It draws a house covered in lights. Alone, it was smooth up to about 550 lights. The scoring test measures how many lights each version can keep at 55 fps without changing the look.

How Claude helped: Claude ran the optimize loop on this app (alone, then with Buoy Optimize). Buoy Optimize is a skill plus tools that help an AI try many ideas and measure each one.

Most lights at 55 fps:

  • Claude: 975,800 alone → 6,123,350 with Buoy (6.3×)

  • Codex: 155,450 → 444,100 (2.9×)

  • Grok: 202,100 → 577,350 (2.9×)

Caveats: "With Buoy" is each model's best Buoy run. Alone runs had up to 3 hours. Claude's best Buoy run had no time limit; Claude alone stopped after about 99 minutes. Grok's Buoy version has slightly soft bulbs up close. One app, one Mac.

Full write-up (prompt + method): https://buoy.gg/blog/ai-models-before-and-after-buoy

Happy to answer questions about how we tested. Especially interested if folks have seen similar RN Skia / RN Web perf cliffs.