Journal

Category

✶ Guides · Page 15

PSD2 Open Banking Consent Screen UI in React Native: a glass app tile showing the VP0 logo on a pink and blue gradient
Guides 6 min read

PSD2 Open Banking Consent Screen UI in React Native

A legally-defined authorization, not a checkbox: specific time-limited consent on a licensed AISP/PISP, SCA redirect to the bank, and real revocation.

Lawrence Arya · June 7, 2026
Qibla Compass AR UI in React Native: a phone toggle icon surrounded by location, calendar, settings, wallet and chart app icons on a coral gradient
Guides 6 min read

Qibla Compass AR UI in React Native

The bearing math is exact; the magnetometer is not. A religious tool must show calibration state, not a confident arrow that hides a noisy compass.

Lawrence Arya · June 7, 2026
Qwik AI UI Generator: What Actually Works: a glass app tile showing the VP0 logo on a pink and blue gradient
Guides 6 min read

Qwik AI UI Generator: What Actually Works

Almost every AI UI generator targets React, so generating for Qwik is a React generator plus a translation step. AI does the visual layer; you wire the rest.

Lawrence Arya · June 7, 2026
RAG Document Upload Progress UI in React Native: a glowing iPhone home-screen icon on a purple and blue gradient
Guides 6 min read

RAG Document Upload Progress UI in React Native

It is a pipeline, not a step: upload, extract, chunk, embed, index. Stepped progress, per-stage failure, and limits shown before the metered processing.

Lawrence Arya · June 7, 2026
RappiPay Card Management UI in SwiftUI: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 5 min read

RappiPay Card Management UI in SwiftUI

A card-control UI on a licensed issuer: freeze as state not intent, biometric-gated detail reveal, and every control round-tripping to the issuer.

Lawrence Arya · June 7, 2026
React Native BLE Device Scanner UI Kit: a glowing iPhone home-screen icon on a purple and blue gradient
Guides 6 min read

React Native BLE Device Scanner UI Kit

Turn a noisy packet stream into a pickable list: dedup by device ID, sort by signal, and distinguish Bluetooth-off from permission-denied from no-devices.

Lawrence Arya · June 7, 2026
React Native Bundle Size Optimization for AI Apps: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 6 min read

React Native Bundle Size Optimization for AI Apps

AI apps bloat because agents add and never remove. Optimization is subtraction: measure with a visualizer, cut the heaviest libraries, lazy-load, right-size assets.

Lawrence Arya · June 7, 2026
React Native CodePush Alternative: The OTA Move: a glass iPhone app-grid icon on a mint and teal gradient
Guides 6 min read

React Native CodePush Alternative: The OTA Move

CodePush is retired. EAS Update is the natural successor: JS-layer OTA only, staged rollouts, a fast kill switch, and two lanes in your release pipeline.

Lawrence Arya · June 7, 2026
React Native Deep Linking for Affiliate Marketing: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 6 min read

React Native Deep Linking for Affiliate Marketing

Attribution engineering, not just navigation: Universal Links, deferred deep links across the install gap, and privacy-bound attribution that credits affiliates.

Lawrence Arya · June 7, 2026
React Native Game Loop Engine Hook: a vivid neon 3D App Store icon on an orange, pink and blue gradient
Guides 5 min read

React Native Game Loop Engine Hook

React's event model fights a per-frame tick: run a frame-synced loop off the JS thread with Reanimated, pass delta time, and add start/stop/pause.

Lawrence Arya · June 7, 2026
React Native MMKV Encrypted Storage Hook Template: the App Store logo as a frosted glass icon on a pink and blue gradient with bubbles
Guides 5 min read

React Native MMKV Encrypted Storage Hook Template

A useState-like hook over fast, encrypted MMKV, with the encryption key in the Keychain, not hardcoded. The security lives in the key, not the library.

Lawrence Arya · June 7, 2026
React Native New Architecture: The Bridgeless UI Reality: the App Store logo on a glass tile over a blue gradient with bubbles
Guides 6 min read

React Native New Architecture: The Bridgeless UI Reality

A bridgeless UI kit is just current components that avoid legacy-bridge assumptions. The work is dependency-first, not a new component language.

Lawrence Arya · June 7, 2026
React Native Prayer Times App Template: The Honest Build: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 6 min read

React Native Prayer Times App Template: The Honest Build

Local astronomy beats APIs, the calculation method is the integrity feature, and adhan notifications live under iOS's 64-slot cap. The full template, honestly.

Lawrence Arya · June 7, 2026
React Native Screen Recording Prevention on iOS: the App Store logo as a frosted glass icon on a pink and blue gradient with bubbles
Guides 6 min read

React Native Screen Recording Prevention on iOS

iOS cannot hard-block screen recording. You detect capture and react with a privacy overlay. It is a deterrent layer, not absolute security, so do not overclaim it.

Lawrence Arya · June 7, 2026
React Native UI Component Libraries on GitHub: 2026 Picks: the App Store logo on a glass tile over a blue gradient with bubbles
Guides 6 min read

React Native UI Component Libraries on GitHub: 2026 Picks

Live stars and downloads for Paper, Tamagui, gluestack, Elements, and the shadcn-style Reusables, plus the ownership question that decides it in the agent era.

Lawrence Arya · June 7, 2026
React Native vs Capacitor in 2026: A Performance Reality Check: a vivid neon 3D App Store icon on an orange, pink and blue gradient
Guides 6 min read

React Native vs Capacitor in 2026: A Performance Reality Check

React Native renders native views; Capacitor runs a web app in a WebView. Content apps feel fine on either; interactive apps feel better on React Native.

Lawrence Arya · June 7, 2026
React Native VisionCamera Frame Processor UI: a vivid neon 3D App Store icon on an orange, pink and blue gradient
Guides 6 min read

React Native VisionCamera Frame Processor UI

A frame-processor screen is two systems: per-frame analysis on a worklet and an overlay that visualizes it. Keep the UI off the hot path and map coordinates right.

Lawrence Arya · June 7, 2026
Red Light Therapy Session Tracker UI in React Native: the App Store logo as a glossy glass icon on a purple and blue gradient with floating bubbles
Guides 6 min read

Red Light Therapy Session Tracker UI in React Native

A tracker, not a treatment: session timer with dose metadata, per-area schedules with rest days, honesty-gated progress photos, and claim-free copy throughout.

Lawrence Arya · June 7, 2026
Restore Purchases Button Missing: The App Store Rejection Fix: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 6 min read

Restore Purchases Button Missing: The App Store Rejection Fix

Guideline 3.1.1 requires a restore mechanism, and AI paywalls omit it. The fix: a visible Restore control, a call to the restore API, and honest state handling.

Lawrence Arya · June 7, 2026
Robinhood Options Chain UI Clone in SwiftUI: a glass iPhone UI wireframe icon on a holographic purple gradient
Guides 6 min read

Robinhood Options Chain UI Clone in SwiftUI

An options chain is a density problem: expirations, a strike ladder, and a clear price line, made legible on a phone without gamifying a genuinely high-risk product.

Lawrence Arya · June 7, 2026
Safari-Style Scroll-to-Hide Bottom Tab Bar in React Native: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 6 min read

Safari-Style Scroll-to-Hide Bottom Tab Bar in React Native

An auto-hiding tab bar maximizes content but cuts discoverability. Drive it on the UI thread with a scroll threshold, full snapping, and a reliable way back.

Lawrence Arya · June 7, 2026
Screen-Reader-Optimized Forms in React Native: a vivid neon 3D App Store icon on an orange, pink and blue gradient
Guides 6 min read

Screen-Reader-Optimized Forms in React Native

A screen reader reads structure, not appearance. Optimized forms need associated labels, announced errors, exposed state, and logical focus.

Lawrence Arya · June 7, 2026
Seed Phrase Recovery Screen: An iOS Security Template: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 6 min read

Seed Phrase Recovery Screen: An iOS Security Template

The seed phrase is the wallet, so its recovery screen is a security ceremony: generate on-device, reveal deliberately, force confirmation, and never transmit it.

Lawrence Arya · June 7, 2026
Smart Lock Bluetooth Key-Share UI in SwiftUI: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 6 min read

Smart Lock Bluetooth Key-Share UI in SwiftUI

Sharing a smart lock key is access delegation, not a button. The access list is the product, and honest revocation that reaches the door is the hard part.

Lawrence Arya · June 7, 2026