iT邦幫忙

鐵人檔案

2017 iT 邦幫忙鐵人賽
回列表
Modern Web

使用 Modern Web 技術來打造 Native App 系列

近兩年來,Web 技術出現了許多變革,例如:同時開發 Native iOS、Android App 的 React Native 以及打破框架的新 API 技術 GraphQL 。希望能在三十天內,藉由一步一步的主題教學,利用這樣的技術漸漸實現完成一個給自己使用的 Github App 的目標。

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

Day 01:使用 Modern Web 技術來打造 Native App

前言 React Native 是由 Facebook 所開發的行動應用程式開發框架,雖然也是使用 JSX、CSS in JS 等 Web 技術來開發,但開發的...

2016-12-16 ‧ 由 C. T. Lin 分享
DAY 2

Day 02:快速學會 React 基礎

本篇目的 希望能帶完全不會 React 的人快速掌握基礎概念,React 雖然博大精深,但核心概念是小而精美的。 React 是什麼? React 是用來建置...

2016-12-17 ‧ 由 C. T. Lin 分享
DAY 3

Day 03:React Ecosystem

本篇目的 這篇雖然不免俗的介紹到一些眾所皆知的工具,但嘗試用一些比較不死板的方式,寫出基本概念、筆者的看法與一些值得參考的資源,相信可以帶給大家一些啟發。 Ba...

2016-12-18 ‧ 由 C. T. Lin 分享
DAY 4

Day 04:Learn Once, Write Anywhere 平台的狂想

本篇目的 想知道離開了網頁的框架外,我們還能用 React 做到些什麼。 Learn Once, Write Anywhere React Native 先踏出...

2016-12-19 ‧ 由 C. T. Lin 分享
DAY 5

Day 05:準備 React Native 開發環境

本篇目的 React Native 有非常優秀的 Getting Started 文件,有寫明了要如何安裝特定平台的環境。而這篇會著重在提供簡短且圖文並茂的介紹...

2016-12-20 ‧ 由 C. T. Lin 分享
DAY 6

Day 06:React Native 入門

本篇目的 在上一篇完成環境設定並開好專案後,我們來了解一個新專案的目錄架構、進入點,以及我們能怎麼開始修改程式碼來看到變化。 目錄結構 依照上一篇做完 reac...

2016-12-21 ‧ 由 C. T. Lin 分享
DAY 7

Day 07:Style & Layout

本篇目的 了解 CSS in JS 的起源、現況,還有其在 React Native 中的用法,順便學習一下 Flexbox。 CSS in JS Facebo...

2016-12-22 ‧ 由 C. T. Lin 分享
DAY 8

Day 08:常見的 React Native Component - Part I

本篇目的 俗話說「工欲善其事,必先利其器」,React Native 是強大的武器,而熟悉它則是磨亮這個武器。就像學習 HTML 時,必先從基本的 HTML T...

2016-12-23 ‧ 由 C. T. Lin 分享
DAY 9

Day 09:常見的 React Native Component - Part II

本篇目的 使用者主要是透過 Touch 來跟 Mobile App 互動,跟網頁中的 Click 不太一樣。而它又可以結合各種的手勢,長按一個按鈕、滾動 Lis...

2016-12-24 ‧ 由 C. T. Lin 分享
DAY 10

Day 10:跨平台策略

本篇目的 首先我們必須認知到我們雖應該盡量的共用程式碼,但不應該完全被綁死,由於 iOS、Android 功能實作上的限制、UI 的慣例都還是有其差異,Face...

2016-12-25 ‧ 由 C. T. Lin 分享