Journal

Tag

#architecture

An Offline-First Folder Architecture for Expo Apps: a vivid neon 3D App Store icon on an orange, pink and blue gradient
Guides 7 min read

An Offline-First Folder Architecture for Expo Apps

An offline-first Expo app needs a clear data, sync, and UI split. Here is a folder architecture that keeps offline working and an AI agent on track while it builds.

Lawrence Arya · June 8, 2026
AI Generative UI with Dynamic Components in React Native: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 6 min read

AI Generative UI with Dynamic Components in React Native

The model composes, it never programs: a fixed native registry, schema-validated JSON on the wire, and the three places runtime-dynamic UI actually earns its keep.

Lawrence Arya · June 7, 2026
Do AI App Builders Really Write Native Code?: a glowing iPhone home-screen icon on a purple and blue gradient
Essays 6 min read

Do AI App Builders Really Write Native Code?

It depends what native means: truly native, native-rendering React Native, or a web wrapper in disguise. The real test is whether you own readable code.

Lawrence Arya · June 7, 2026
Flutter to React Native Migration: The AI Tool Question: a phone toggle icon surrounded by location, calendar, settings, wallet and chart app icons on a coral gradient
Guides 5 min read

Flutter to React Native Migration: The AI Tool Question

No converter exists; the method does: logic ported under tests, screens rebuilt natively against the running app, and channels re-bridged as Turbo Modules.

Lawrence Arya · June 7, 2026
How to Obfuscate React Native Code in an AI App: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 5 min read

How to Obfuscate React Native Code in an AI App

Hermes already ships bytecode, not source. Obfuscation is a speed bump; the work that matters is moving secrets and entitlements off the device.

Lawrence Arya · June 7, 2026
LangChain React Native Boilerplate: The Thin Client: a phone toggle icon surrounded by location, calendar, settings, wallet and chart app icons on a coral gradient
Guides 5 min read

LangChain React Native Boilerplate: The Thin Client

LangChain belongs on your server, not the bundle. The boilerplate is a thin streaming client: token-by-token UI, honest tool use, server-owned state.

Lawrence Arya · June 7, 2026
Clean Architecture React Native AI Template: 3 Layers: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 4 min read

Clean Architecture React Native AI Template: 3 Layers

A pragmatic clean architecture template for AI-built React Native apps: three layers, inward dependencies, repository contracts agents code against.

Lawrence Arya · June 5, 2026
Expo Background Tasks UI: Processing Without Promises: the App Store logo as a glossy glass icon on a purple and blue gradient with floating bubbles
Guides 5 min read

Expo Background Tasks UI: Processing Without Promises

Build Expo background tasks and the UI around them: the opportunistic-scheduling truth, what fits the budget, honest toggle copy, and last-synced timestamps.

Lawrence Arya · June 5, 2026
Expo Managed vs Bare for AI Apps: The Plugin Era Answer: the App Store logo as a glossy glass icon on a purple and blue gradient with floating bubbles
Guides 4 min read

Expo Managed vs Bare for AI Apps: The Plugin Era Answer

Managed vs bare Expo for AI-built apps: config plugins dissolved the old binary, prebuild is an artifact not source, and agents thrive where native dirs don't exist.

Lawrence Arya · June 5, 2026
VS Code Folder Structure for AI App Building That Holds: a vivid neon 3D App Store icon on an orange, pink and blue gradient
Workflows 6 min read

VS Code Folder Structure for AI App Building That Holds

The folder structure that keeps AI app building coherent: feature folders, small files, a conventions doc agents read, and why structure beats context size.

Lawrence Arya · June 5, 2026
Fit a Full Xcode Project Into Claude's Context Window: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Workflows 5 min read

Fit a Full Xcode Project Into Claude's Context Window

Whole Xcode project too big for Claude's context? Do not paste everything. Select the relevant files, summarize the rest, and cache the stable parts.

Lawrence Arya · June 1, 2026
Claude Token Limits: SwiftUI App Architecture That Scales: a vivid neon 3D App Store icon on an orange, pink and blue gradient
Guides 5 min read

Claude Token Limits: SwiftUI App Architecture That Scales

Hitting Claude's context limit in your iOS app? Architect around it: trim context, summarize, retrieve, and cache prompts, from a free SwiftUI template.

Lawrence Arya · June 1, 2026
Claude 生成高复杂原生 App 框架模板:怎么不写乱: a glass iPhone app-grid icon on a mint and teal gradient
Workflows 3 min read

Claude 生成高复杂原生 App 框架模板:怎么不写乱

让 Claude 生成复杂原生 App 框架,难点在结构。先定结构、分模块、每屏给 VP0 设计参考,比一口气生成整个 App 稳得多。

Lawrence Arya · May 30, 2026
Server-Driven UI: JSON to React Native (Examples): a reflective 3D App Store icon on a blue and purple gradient
Guides 4 min read

Server-Driven UI: JSON to React Native (Examples)

Server-driven UI sends JSON describing the screen so you change layout without an app update, using a small component set from a free VP0 design.

Lawrence Arya · May 30, 2026