系列文章
Day 01：使用 Modern Web 技術來打造 Native App
前言 React Native 是由 Facebook 所開發的行動應用程式開發框架，雖然也是使用 JSX、CSS in JS 等 Web 技術來開發，但開發的...
Day 02：快速學會 React 基礎
本篇目的 希望能帶完全不會 React 的人快速掌握基礎概念，React 雖然博大精深，但核心概念是小而精美的。 React 是什麼？ React 是用來建置...
Day 03：React Ecosystem
本篇目的 這篇雖然不免俗的介紹到一些眾所皆知的工具，但嘗試用一些比較不死板的方式，寫出基本概念、筆者的看法與一些值得參考的資源，相信可以帶給大家一些啟發。 Ba...
Day 04：Learn Once, Write Anywhere 平台的狂想
本篇目的 想知道離開了網頁的框架外，我們還能用 React 做到些什麼。 Learn Once, Write Anywhere React Native 先踏出...
Day 05：準備 React Native 開發環境
本篇目的 React Native 有非常優秀的 Getting Started 文件，有寫明了要如何安裝特定平台的環境。而這篇會著重在提供簡短且圖文並茂的介紹...
Day 06：React Native 入門
本篇目的 在上一篇完成環境設定並開好專案後，我們來了解一個新專案的目錄架構、進入點，以及我們能怎麼開始修改程式碼來看到變化。 目錄結構 依照上一篇做完 reac...
Day 07：Style & Layout
本篇目的 了解 CSS in JS 的起源、現況，還有其在 React Native 中的用法，順便學習一下 Flexbox。 CSS in JS Facebo...
Day 08：常見的 React Native Component - Part I
本篇目的 俗話說「工欲善其事，必先利其器」，React Native 是強大的武器，而熟悉它則是磨亮這個武器。就像學習 HTML 時，必先從基本的 HTML T...
Day 09：常見的 React Native Component - Part II
本篇目的 使用者主要是透過 Touch 來跟 Mobile App 互動，跟網頁中的 Click 不太一樣。而它又可以結合各種的手勢，長按一個按鈕、滾動 Lis...
Day 10：跨平台策略
本篇目的 首先我們必須認知到我們雖應該盡量的共用程式碼，但不應該完全被綁死，由於 iOS、Android 功能實作上的限制、UI 的慣例都還是有其差異，Face...