iT邦幫忙

鐵人檔案

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

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

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

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

Day 21:GraphQL 入門 Part IV - Mutation

前言 上一篇講到的 Query 是 CRUD 裡面的 R (讀取),這篇要講的 Mutation 則是負責處理 C (建立)、U (更新)、D (刪除) 等等的...

2017-01-05 ‧ 由 C. T. Lin 分享
DAY 22

Day 22:GraphQL 入門 Part V - Fragment

前言 這篇是「GraphQL 入門」這個小系列的最後一篇,要來提到 GraphQL 一個非常重要的功能 - Fragment。它可以讓各模組自己定義各自的資料需...

2017-01-06 ‧ 由 C. T. Lin 分享
DAY 23

Day 23:實作 OAuth 來使用 Github GraphQL API

前言 前面已經進行了一連串 React Native 跟 GraphQL 的主題教學了,有仔細看下來的讀者應該都對這兩種技術有了一定的瞭解。這系列接下來的部分會...

2017-01-07 ‧ 由 C. T. Lin 分享
DAY 24

Day 24:在 App 上呈現 Github User 頁面

前言 前一篇拼死拼活的才把 Token 拿回來,這篇要來用 Token 拿資料回來顯示 User 的頁面。 準備 GraphQL Client 經過一段考慮後,...

2017-01-08 ‧ 由 C. T. Lin 分享
DAY 25

Day 25:實作 Navigation 與 Drawer

前言 前一篇在 App 上呈現 Github User 頁面,必須使用 GraphQL Query,這篇想要來嘗試實作一個使用 GraphQL Mutation...

2017-01-09 ‧ 由 C. T. Lin 分享
DAY 26

Day 26:在 React Native 進行單元測試

前言 測試的種類有許多種,包括單元測試、整合測試。一般會先從單元測試做起,打好根基,也能加強效率高的小範圍的除錯。 在 React Native 中,有很多的理...

2017-01-10 ‧ 由 C. T. Lin 分享
DAY 27

Day 27:React Native 除錯

前言 前一篇寫單元測試的目的之一就是讓除錯變得容易一點,但實際在除錯的時候還是得掌握一些可以使用的工具,尤其是對寫 Web 習慣的開發者來說,一開始的時候看不到...

2017-01-11 ‧ 由 C. T. Lin 分享
DAY 28

Day 28:最後一哩路 Part I - iOS 上架

前言 如果使用者不能在 App Store 下載的到,那花了不少時間的 App 只能在模擬器或是少數的測試裝置上用得到,這樣非常可惜。不過上架實在不是簡單的事,...

2017-01-12 ‧ 由 C. T. Lin 分享
DAY 29

Day 29:最後一哩路 Part II - Android 上架

前言 被 iOS 上架整個人弄到快瘋掉後,聽說 Android 上架比較簡單,筆者姑且是相信了,網路上很多的教學看起來確實如此。而且有一些麻煩的部分在前一篇已經...

2017-01-13 ‧ 由 C. T. Lin 分享
DAY 30

Day 30:寫在最後

前言 最後一篇來提到一些上架以後還要持續進行的維護,例如:盡量保持著 React Native 的更新,不至於落後太多。 升級 React Native Rea...

2017-01-14 ‧ 由 C. T. Lin 分享