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