react-native

5 posts

從 Vibe coding 到 production:為什麼你的 AI 生成 React Native app 需要護欄才能 scale

AI 可以很快把你的 React Native MVP 推上線,但如果沒有 guardrails,每一個小改動都可能打壞無關的 flow。這裡會說明 declarative constraints 如何避免速度直接變成脆弱性。

Vibe coding 的前半段,效率高得離譜。Cursor 和 Claude Code 可以飛快生成 login、dashboard、settings、push notifications,快到一位單人創辦人幾天內就能把 MVP 推上線。 問題通常出在第二輪或第三輪修改。settings 裡一個小 tweak 會把…

Vibe coder 的 React Native App Lifecycle 指南

你的 app 在 dev 裡一切正常,但使用者午休後回來卻看到白畫面。這裡是能正確處理原生 lifecycle 的 resume status 模式。

你在 Cursor 裡做出了一個漂亮的 Expo app。Claude Code 生成了 auth flow、dashboard 和 settings screen。你把它發出去了。使用者也下載了。然後 DM 開始出現: "為什麼我午休後再打開 app 就是白畫面?" "為什麼我每天早上都得重新登入?" "為什麼我從…

為什麼你的 Vibe-coded React Native app 會在啟動時 crash(以及如何阻止它)

如果 optional SDK 用 core infrastructure 的方式初始化,它們完全可能在啟動時把 app 一起拖垮。這套 dependency tier system 能避免非關鍵工具把 production 也一起帶下水。

Vibe-coded mobile app 裡一個很常見的 launch failure 是:analytics、attribution、crash reporting 和真正 critical 的 service 被放在同一條初始化路徑上。如果這些 optional SDK 裡有一個在某個 device 或某種…

為什麼在 Cursor 裡用 NativeWind 做 Vibe coding,會在規模上拖垮你的 React Native app

你用 Cursor 一個週末就交付了 MVP,但現在只改一個 brand color 就會波及 47 個檔案。這套 styling contract 可以止血。

你打開 Cursor,輸入一段 prompt,看著 Claude Code 在幾秒內生成一整套 React Native UI。Flex layout、圓角 button、color theme,全都一次就跑起來。你把它送上 TestFlight。使用者開始下載。這是第一週。 到了第六週,你只是想改一個 brand…

Cursor 和 Claude Code 如何毀掉你的 React Native 架構(以及如何修好它)

AI 生成的 auth 在新 feature 把手伸進錯誤 service 之前,看起來都沒問題。這套 interface-driven 架構能避免 vendor swap 和功能迭代一起打壞 login。

Vibe-coded React Native app 裡一個反覆出現的 failure mode 是:新 feature 直接 import 現有 service,伸手去改不屬於自己的 state,然後把無關的 flow 一起打壞。auth 很容易成為受害者,因為它往往會變成所有人的 shared…