Development Skill
Angular Migration
Migrate from AngularJS to Angular using hybrid mode, incremental component rewriting, and…
$15
React Native Architecture
Build production React Native apps with Expo, navigation, native modules, offline sync, and…
A production-ready architecture for React Native and Expo apps that handle the hard parts: file-based navigation, secure auth flows, offline-first data, and native module integration. It models app lifecycle (foreground, background, killed) explicitly, queues mutations offline and flushes them when connectivity returns, and ships one codebase that targets iOS and Android together. You get the structure real apps need on day one.
$15 one-time
Add to a kit → Prices include 20% VAT. · Forged on real agency work · one-time, no lock-in
- Type Skill
- Category Development
- Delivery Email · instant
- License One-time
Inside the run · no black box
See the actual work before you buy it.
The skill stands up a production mobile app in a fixed architecture sequence, offline-first from day one, store-ready at the end:
- Scaffold with Expo and TypeScript, then lay out the file-based navigation: (tabs) group for parallel sections, Stack screens for depth, modals via presentation modal, dynamic routes like profile/[id] doubling as deep link targets
- Build the auth flow: tokens in SecureStore (never AsyncStorage), an AuthProvider that checks segments on every navigation and replaces the stack to login or tabs so protected routes are unreachable while signed out
- Make data offline-first: React Query with networkMode offlineFirst, AsyncStorage persister for the cache, NetInfo wired to onlineManager, and optimistic mutations that update the UI instantly and roll back on error
- Integrate native capabilities through Expo modules with platform guards: haptics on interactions, biometric auth with hardware and enrollment checks, push notifications with Android channel setup and permission flow
- Run the performance pass: FlashList with estimatedItemSize instead of FlatList, memoized list items with stable keyExtractor, Reanimated for 60fps animations on the native thread, StyleSheet.create everywhere
- Ship through EAS: development, preview and production build profiles, store submission via eas submit, and OTA updates for JS-only fixes that skip the review queue
One power source. 6 lines out.
react-native-architecture · core
core active · 6 lines
- ✓ starting a new expo proj…
Starting a new Expo project with a proven folder structure
- ✓ building offline-first a…
Building offline-first apps that work without connectivity
- ✓ implementing protected a…
Implementing protected auth flows with secure token storage
- ✓ integrating native featu…
Integrating native features: haptics, biometrics, push notifications
- ✓ setting up eas build, su…
Setting up EAS Build, Submit, and OTA update pipelines
- ✓ optimizing long lists and
Optimizing long lists and app startup time
Yours to keep.
Drag time forward. Watch what stays.
Forever
That's what owning means.
The rented stack
ai writing tool: subscription
expired · access lostanalytics suite: subscription
expired · access lostdesign platform: subscription
expired · access lost(nothing left)
Your forge
-
One codebase shipping to both iOS and Android, cutting build cost substantially
license: perpetual -
Apps that feel responsive offline through React Query cache, persistence, and optimistic updates
license: perpetual -
Sensitive tokens kept in SecureStore (iOS Keychain / Android EncryptedSharedPreferences), never in code
license: perpetual -
Store-review delays bypassed for fixes via OTA updates pushed to a release branch
license: perpetual
subscriptions expire · deeds don't
Everything in the box.
Pick a piece up. Watch it work.
Expo Router navigation with tabs, dynamic routes, and modal presentation
6 parts · one working system · ships instantly by email
This wasn't forged for everyone.
- Not for you if you'd rather rent a tool than own one.
- Not for you if you want someone else to run your stack.
- Not for you if you're happy guessing.
Mobile teams architecting a new cross-platform React Native app or hardening an existing one for offline use and store release.
then this was forged for you.Works with
Universal by design: these run in any AI. Delivered in the open Agent Skills + MCP format (native in Claude); ChatGPT, Gemini, Cursor and Copilot adapt the same files their own way.
- Claude Native format
- ChatGPT Adapts via open standards
- Gemini Adapts via open standards
- Cursor Adapts via open standards
- Copilot Adapts via open standards
Catch what's on your mind.
the air is clear. nothing between you and the forge.
catch a spark: the forge will answer
-
I already have an Expo app, is this only for greenfield projects?
Both. New projects get the proven folder structure and Expo Router setup from day one, while existing apps can adopt the pieces one at a time: the offline-first React Query layer, the AuthProvider with SecureStore, or the EAS build and OTA pipeline.
-
How does the offline-first part actually work?
React Query's cache is persisted through AsyncStorage, mutations made offline are queued and flushed when connectivity returns, and optimistic updates keep the UI responsive in the meantime. App lifecycle states: foreground, background, killed, are modeled explicitly rather than assumed away.
-
Does it write custom native Swift or Kotlin modules for me?
No. Native capability comes through Expo's existing modules: haptics, biometric auth, push notification registration. If your feature needs a custom native module written from scratch, that work sits outside this architecture.
-
How is it delivered?
By email right after purchase: ready to run, downloaded instantly, no setup wait.
-
One-time or subscription?
A one-time purchase; no subscription or hidden fees. VAT (20%) is included.
-
Can I get a refund?
As a digital product, it can’t be refunded once downloaded. That’s why we show exactly what’s inside and who it’s for, right here.