為什麼選 React Native + Expo？

許多人想開發自己的 App，但：

React Native + Expo 讓已會 React 的開發者，用熟悉的 JSX 與 Hooks 直接寫跨平台 App。Expo 是 Meta 官方推薦的新手友善方案，提供：

<aside> 📦

本教學使用 Expo Router + StyleSheet / CSS 架構。後端整合以 Firebase（免費方案足夠個人練習）為例。

</aside>

1. Hello World!

開始之前，確認本機已安裝：

工具 建議版本 用途
Node.js 18 以上（LTS） 執行 npm / npx
npm 或 yarn 最新穩定版 套件管理
Expo Go（手機 App） 最新版 實機預覽

1.1 建立專案

npx create-expo-app@latest my-app --template tabs
cd my-app

tabs 模板會建立含底部 Tab 導覽的專案，適合快速上手。

1.2 啟動與預覽

# 本機開發
npx expo start

# 跨網段連線（手機與電腦不在同一 Wi-Fi 時）
npx expo start --tunnel