iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Mobile Development

30天React Native之旅:從入門到活用 系列

在這場30天的React Native學習之旅中,將帶領讀者從最基礎的概念、環境搭建開始,逐步深入到組件、API的活用及開發技巧。

鐵人鍊成 | 共 30 篇文章 | 9 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 1:前言、系列文方向

前言 在開始接觸React Native之前,我主要專注於Web開發,從jQuery到Angular,再到React都有寫過。大約兩年前,在公司裡有接觸Reac...

2023-09-16 ‧ 由 AndyTsai 分享
DAY 2

Day 2:認識React Native與跨平台技術演進

React Native簡介 2015年,Facebook團隊發佈了React Native,一個建立在React基礎上的跨平台開發框架,和React一樣利用了...

2023-09-17 ‧ 由 AndyTsai 分享
DAY 3

Day 3:React Native的運作與架構

在React Native中,我們只要撰寫JavaScript,就能在iOS/Android上運行,似乎很神奇。事實上,能做到這樣的事情,背後是有著非常深厚的技...

2023-09-18 ‧ 由 AndyTsai 分享
DAY 4

Day 4:搭建React Native開發環境(IOS/Android)

建立React Native專案主要有兩種方式,完整搭建方式和快速方式Expo,Expo優點是方便,適合入門新手練習,因為不需要裝原生環境就可以直接開始寫,但是...

2023-09-19 ‧ 由 AndyTsai 分享
DAY 5

Day 5:創建與運行第一個React Native應用

在成功搭建好環境後,我們就可以開始創建我們的React Native專案了 初始化創建專案 npx react-native@latest init TestR...

2023-09-20 ‧ 由 AndyTsai 分享
DAY 6

Day 6:調試React Native應用

這系列會用最新版React Native做介紹,目前最新版的 React Native 預設使用 Flipper 作為調試工具,因此這篇主要會講解 Flippe...

2023-09-21 ‧ 由 AndyTsai 分享
DAY 7

Day 7:React Native常用組件

基礎組件 <Text /> 在 Web 中,我們可以在HTML任何地方放置文字,因為瀏覽器知道如何渲染和解析這些文字。但是,React Nati...

2023-09-22 ‧ 由 AndyTsai 分享
DAY 8

Day 8:React Native常用API

如果說組件是組成頁面的基本元素,API則是則是建構功能模塊的基本元素。本篇將介紹主要的常見的API。 AppRegistry 整個React Native...

2023-09-23 ‧ 由 AndyTsai 分享
DAY 9

Day 9:React Native樣式與佈局

樣式 在 React Native 中,樣式的編寫方式與 Web 上大致相同。它遵循 Web 上的 CSS 命名,但有一些差異和特點。 駝峰命名法:在 Re...

2023-09-24 ‧ 由 AndyTsai 分享
DAY 10

Day 10:原生開發基礎知識補充

相信很多想嘗試React Native的是Web前端開發者,但對於Web前端開發者來說,可能會對原生APP開發相關文件、指令等等不太熟悉。本篇將介紹基本的原生開...

2023-09-25 ‧ 由 AndyTsai 分享