第八屆 優選

web
使用 Modern Web 技術來打造 Native App
C. T. Lin

系列文章

DAY 1

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

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

DAY 2

Day 02:快速學會 React 基礎

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

DAY 3

Day 03:React Ecosystem

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

DAY 4

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

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

DAY 5

Day 05:準備 React Native 開發環境

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

DAY 6

Day 06:React Native 入門

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

DAY 7

Day 07:Style & Layout

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

DAY 8

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

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

DAY 9

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

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

DAY 10

Day 10:跨平台策略

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