簡介
許多不同類型的人都在使用 React Native:從進階 iOS 開發人員到 React 初學者,再到職涯中首次開始程式設計的人。這些文件是為所有學習者編寫的,無論他們的經驗水平或背景如何。
如何使用這些文件
您可以從這裡開始,像讀書一樣線性地閱讀這些文件;或者您可以閱讀您需要的特定章節。已經熟悉 React 了嗎?您可以跳過該章節,或者閱讀它以輕鬆複習一下。
先決條件
若要使用 React Native,您需要瞭解 JavaScript 基礎知識。如果您是 JavaScript 新手或需要複習,您可以深入瞭解或在 Mozilla 開發人員網路複習。
雖然我們盡力假設您不具備 React、Android 或 iOS 開發的先備知識,但對於有抱負的 React Native 開發人員來說,這些都是有價值的學習主題。在合理的情況下,我們已連結到更深入的資源和文章。
互動式範例
本簡介讓您可以立即在瀏覽器中開始使用互動式範例,例如這個範例
以上是 Snack Player。它是 Expo 建立的一個方便工具,用於嵌入和執行 React Native 專案,並分享它們在 Android 和 iOS 等平台中的呈現方式。程式碼是即時且可編輯的,因此您可以直接在瀏覽器中進行操作。繼續嘗試將上面的「Try editing me!」文字變更為「Hello, world!」
或者,如果您想要設定本機開發環境,您可以按照我們的指南在本機電腦上設定您的環境,並將程式碼範例貼到您的專案中。(如果您是網頁開發人員,您可能已經設定了本機環境以進行行動瀏覽器測試!)
開發人員注意事項
來自許多不同開發背景的人員正在學習 React Native。您可能具有從網頁到 Android 到 iOS 等各種技術的經驗。我們嘗試為來自所有背景的開發人員編寫文件。有時我們會提供特定於一個平台或另一個平台的說明,如下所示
- Android
- iOS
- Web
Android 開發人員可能熟悉這個概念。
iOS 開發人員可能熟悉這個概念。
Web 開發人員可能熟悉這個概念。
格式設定
選單路徑以粗體書寫,並使用插入符號來導覽子選單。範例:Android Studio > 偏好設定
現在您已經瞭解本指南的運作方式,是時候開始瞭解 React Native 的基礎:原生組件了。