iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 7929 瀏覽

鐵人賽 Modern Web DAY 4

Expo --- 跨平台 App 開發從零到上架系列第 4 篇

技術 Expo DAY4 --- Hello Expo!

Expo DAY4 --- Hello Expo! tags: iThome鐵人賽2018 ReactNative Expo day4 前言本篇的首要目標是...

iamcxa ‧ 2017-12-08

1 Like 2 留言 8169 瀏覽

鐵人賽 Modern Web DAY 3

Expo --- 跨平台 App 開發從零到上架系列第 3 篇

技術 Expo DAY3 --- Installation

Expo DAY3 --- Installation tags: iThome鐵人賽2018 ReactNative Expo day3 前言經過了簡單的分...

iamcxa ‧ 2017-12-07

0 Like 0 留言 5575 瀏覽

鐵人賽 Modern Web DAY 2

Expo --- 跨平台 App 開發從零到上架系列第 2 篇

技術 Expo DAY2 --- Pros v.s Cons

Expo DAY2 --- Pros v.s Cons tags: iThome鐵人賽2018 ReactNative Expo day2 前言現在就做看看...

iamcxa ‧ 2017-12-06

3 Like 1 留言 23292 瀏覽

鐵人賽 Modern Web DAY 1

Expo --- 跨平台 App 開發從零到上架系列第 1 篇

技術 Expo DAY1 --- Introduction

Expo DAY1 --- Introduction tags: iThome鐵人賽2018 ReactNative Expo day1 前言本系列文章都會...

iamcxa ‧ 2017-12-05

0 Like 0 留言 1277 瀏覽

徵才 [徵求 Mobile / Web 全棧開發工程師]

[徵求 Mobile & Web 全棧開發工程師(數名)](React Native / Ruby on Rails) Lending7 LLC 總部...

colima ‧ 2017-09-20

2 Like 0 留言 22812 瀏覽

鐵人賽 Modern Web DAY 30

React Native 航向真全端，建構雙平台 App 系列第 30 篇

達標好文技術 React Native 好用套件分享

鐵人賽最後一天了，如果各位有成功入坑的話，想必已經躍躍欲試了吧? 俗話說工欲善其事，必先利其器，雖然很多漂亮的元件官方沒有給，但是網路上有很多開源的，這邊我就介...

Fuyaode ‧ 2017-01-14

1 Like 3 留言 18140 瀏覽

鐵人賽 Modern Web DAY 30

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

技術 Day 30：寫在最後

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

C. T. Lin ‧ 2017-01-14

0 Like 1 留言 24249 瀏覽

鐵人賽 Modern Web DAY 29

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

技術 Day 29：最後一哩路 Part II - Android 上架

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

C. T. Lin ‧ 2017-01-13

0 Like 0 留言 16533 瀏覽

鐵人賽 Modern Web DAY 29

React Native 航向真全端，建構雙平台 App 系列第 29 篇

技術 React Native App 遠端更新程式 Code Push （二）

我們在 Code Push (一)，已經把 Code Push 安裝好並註冊了，那樣怎麼使用呢?這邊介紹幾個 Code Push 提供的基本功能 check...

Fuyaode ‧ 2017-01-13

0 Like 0 留言 26394 瀏覽

鐵人賽 Modern Web DAY 28

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

技術 Day 28：最後一哩路 Part I - iOS 上架

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

C. T. Lin ‧ 2017-01-12

0 Like 0 留言 17140 瀏覽

鐵人賽 Modern Web DAY 28

React Native 航向真全端，建構雙平台 App 系列第 28 篇

技術 React Native App 遠端更新程式 Code Push （一）

React Native 他有個特殊的功能，可以 Hot Deploy ，意思就是說可以上架完 App 後在更新程式碼，昨天有介紹到，打包 Apk 的時候需要先...

Fuyaode ‧ 2017-01-12

0 Like 0 留言 22139 瀏覽

鐵人賽 Modern Web DAY 27

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

技術 Day 27：React Native 除錯

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

C. T. Lin ‧ 2017-01-11

1 Like 0 留言 28967 瀏覽

鐵人賽 Modern Web DAY 27

React Native 航向真全端，建構雙平台 App 系列第 27 篇

技術 React Native App 實戰 (十) Android 打包 apk

基本上我們已經把一個 App 寫完摟，那最後就是要把他打包才能上架，那 React Native 怎麼打包呢? 需要一把 key 我們可以用 keytool 生...

Fuyaode ‧ 2017-01-11

0 Like 0 留言 11132 瀏覽

鐵人賽 Modern Web DAY 26

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

技術 Day 26：在 React Native 進行單元測試

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

C. T. Lin ‧ 2017-01-10

0 Like 0 留言 13989 瀏覽

鐵人賽 Modern Web DAY 26

React Native 航向真全端，建構雙平台 App 系列第 26 篇

技術 React Native App 實戰 (九) 幫 App 換上 Icon

App 除了開起來要漂亮，當然門面也很重要，今天要來教大家怎麼把 React Native 的 App 換上自己的 icon 吧，其實這邊也不是 React N...

Fuyaode ‧ 2017-01-10

1 Like 0 留言 6429 瀏覽

鐵人賽 Modern Web DAY 25

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

技術 Day 25：實作 Navigation 與 Drawer

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

C. T. Lin ‧ 2017-01-09

1 Like 0 留言 8590 瀏覽

鐵人賽 Modern Web DAY 25

React Native 航向真全端，建構雙平台 App 系列第 25 篇

技術 React Native App 實戰 (八) 記錄設定檔

今天要來簡單教一個之前基礎教學漏掉的 AsyncStorage 簡單的來說就是瀏覽器當中的 localStorage 他能把 key 記錄下來，下次讀取出來使用...

Fuyaode ‧ 2017-01-09

0 Like 0 留言 4758 瀏覽

鐵人賽 Modern Web DAY 24

React Native 航向真全端，建構雙平台 App 系列第 24 篇

技術 React Native App 實戰 (七) 第一次開啟 APP 介紹頁面

這幾天的實戰當中已經把一些簡單的 App 完成了，完成後當然是要來修飾摟，很多 App 在第一次開啟的時候都會有介紹的頁面，來跟使用者說明這個 App 怎麼使用...

Fuyaode ‧ 2017-01-08

0 Like 0 留言 4294 瀏覽

鐵人賽 Modern Web DAY 24

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

技術 Day 24：在 App 上呈現 Github User 頁面

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

C. T. Lin ‧ 2017-01-08

0 Like 0 留言 3372 瀏覽

鐵人賽 Modern Web DAY 23

React Native 航向真全端，建構雙平台 App 系列第 23 篇

技術 React Native App 實戰 (六) PostDetail - 商品頁面

昨天我們已經把 Home 完成並且點了下面的商品會進入 PostDetail，PostDetail 目前還是使用之前簡單的 Card 擋一下，今天要把他刻漂亮一...

Fuyaode ‧ 2017-01-07

0 Like 0 留言 9380 瀏覽

鐵人賽 Modern Web DAY 23

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

技術 Day 23：實作 OAuth 來使用 Github GraphQL API

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

C. T. Lin ‧ 2017-01-07

0 Like 0 留言 3451 瀏覽

鐵人賽 Modern Web DAY 22

React Native 航向真全端，建構雙平台 App 系列第 22 篇

技術 React Native App 實戰 (五) 首頁 - 實戰 ListView

前兩天的實戰(三)、(四)已經把首頁完成一半了，但是目前首頁的部分還是使用 View 來簡單顯示我們做的 Component，今天要使用 ListView 串接...

Fuyaode ‧ 2017-01-06

0 Like 0 留言 4048 瀏覽

鐵人賽 Modern Web DAY 21

React Native 航向真全端，建構雙平台 App 系列第 21 篇

技術 React Native App 實戰 (四) 首頁 - 卡片元件

今天我們要來刻一個簡單的卡片 UI，可以簡單的搭配 ScrollView 或是 ListView 就能完成漂亮的首頁了，主要還是用到了 FlexBox 來排版可...

Fuyaode ‧ 2017-01-05

0 Like 0 留言 4973 瀏覽

鐵人賽 Modern Web DAY 20

React Native 航向真全端，建構雙平台 App 系列第 20 篇

技術 React Native App 實戰 (三) 首頁 - 廣告 Banner

通常一款電商 App 開起來，最上方會有一個 Banner 輪播漂漂亮亮的圖片來吸引使用者，今天我們就來實作和設計一款簡單好用的 Banner 吧，當然輪播的...

Fuyaode ‧ 2017-01-04

0 Like 0 留言 6546 瀏覽

鐵人賽 Modern Web DAY 19

React Native 航向真全端，建構雙平台 App 系列第 19 篇

技術 React Native App 實戰 (二) 87% 像 Spotify 登入頁面

昨天有把 boilerplate 架起來了，那我們今天就來刻第一個畫面，我們的目標是要刻一個 EC 的 App 所以當然少不了登入頁面，今天我們就拿 Spoti...

Fuyaode ‧ 2017-01-03

0 Like 0 留言 8564 瀏覽

鐵人賽 Modern Web DAY 18

React Native 航向真全端，建構雙平台 App 系列第 18 篇

技術 React Native App 實戰 (一) 初始專案

OK 鐵人賽已經過半了，我也已經把 React Native 常用的基礎元件和排版方法教完了，接下來就是要實戰了，我們的標題可是 React Native 航向...

Fuyaode ‧ 2017-01-02

1 Like 0 留言 8058 瀏覽

鐵人賽 Modern Web DAY 17

React Native 航向真全端，建構雙平台 App 系列第 17 篇

技術 React Native Navigator 進階版使用 react-native-router-flux

react-native-router-flux 是一款別人開源專門切換 router 的 Component，他是在 React Native Navigat...

Fuyaode ‧ 2017-01-01

1 Like 0 留言 5473 瀏覽

鐵人賽 Modern Web DAY 17

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

技術 Day 17：活用第三方的 React Native Module

前言在使用 React Native 的此時此刻，我們就已經站在巨人的肩膀上了。不過有時候官方並不一定有提供所有需要的功能，基於我們不該有勇無謀的重造輪子，這...

C. T. Lin ‧ 2017-01-01

0 Like 0 留言 13611 瀏覽

鐵人賽 Modern Web DAY 16

React Native 航向真全端，建構雙平台 App 系列第 16 篇

技術 React Native Navigator 學會切換頁面 (一)

在一個 App 內不可能只有一個頁面，一定會使用到換頁的動作，所以這個時候我們要使用一個元件叫做 Navigator他能幫我們切換到下一個頁面。 Navigat...

Fuyaode ‧ 2016-12-31

1 Like 0 留言 12068 瀏覽