React Native教學 - Part 5 Component Lifecycle

Part 3介紹了React Component的基本用法,包括render()、custom styles和layouts,這些都是顯示UI用到的,但要處理數據、回應user input等等,就要先理解Component的Lifecycle

Read more   2018/07/11 posted in  React Native

React Native教學 Part 4.5 - This Binding和Arrow Function(箭頭函式)

Read more   2018/06/12 posted in  React Native

React Native教學 Part 4 - Props & States

PropsStates是React的重要概念,在Component化的架構內,所有data都以這兩種形式存在,它們見證著一個Component的起承轉合。

Read more   2018/06/12 posted in  React Native

React Native教學 Part 3.5 - 概念分析:Declarative Programming

原生iOS和Android的開發者在初次使用React Native時,很容易感到迷惘、不適應(反之亦然),這是因為兩邊的設計理念不同,導致在開發過程中需要的思維也不相同。

React的設計貫徹Declarative Programming(聲明式編程)的思想,與其相反的是Imperative Programming (命令式編程)。這篇介紹一下兩者有甚麼分別,讓大家理解一下兩種理念在實際使用上的分別。

Read more   2018/05/28 posted in  React Native

React Native教學 Part 3 - Component

在開發傳統web的frontend,一般是分開html, css, js三種文件來寫,但在React的世界裡,所有東西都存在於js檔當中。這些js檔主要都是圍繞Components來開發。以下介紹有關React Component的概念和實作

Read more   2018/04/30 posted in  React Native

React Native教學 Part 2.5 - 選擇Navigation Library

在Web app中,router負責處理url的改變,redirect頁面去各個page。在Mobile app的世界,這種功能更常稱為navigation。

Read more   2018/04/30 posted in  React Native

在React Native處理Shadow

在React Native想要顯示陰影(Shadow)是一件意想不到的麻煩事,因為陰影以原生的方式產生,各平台的各Version各有不同。

以下簡單解釋如何處理跨平台的Shadow。

Read more   2018/04/25 posted in  React Native

React Native教學 Part 2 - Project Structure

在開始開發任何專案前,最好先決定如何structure整個專案。沒有好的structure,日後規模漸大,開發起來只會越來越困難。

Read more   2018/04/01 posted in  React Native

React Native教學 Part 1 - 詳盡新手入門

React Native近年相當熱門,很多人說可以取代傳統寫App的方法。以下是安裝和開始使用的新手入門、以及需要知道細節、工具的選擇等等。知道多一點,免得大家走上不歸路

Read more   2018/03/28 posted in  React Native

React Native - 處理User Permission

在Apps上取用user的資料或硬件前,都必先得到user的同意(Permission)。但iOS和Android的取得都不同,所以在React Native上要小心處理。

Read more   2018/03/18 posted in  React Native