React從入門到精通影片教學

介紹

在網頁中嵌入腳本程式碼的方法

註解

變數-給東西取個名字

資料的類型 - 數字，文字，真與假

文字字串的處理

Array數組

流程控制-if..else..

流程控制-switch..

流程控制-while循環

流程控制-for循環

function 函數

定義一個函數

函數表達式

變數的範圍

Object對象

創建一個對象

物件裡的數組

更新與刪除物件裡的屬性

為物件添加方法

循環輸出物件裡的屬性

DOM操作文檔的接口

文件樹

取得文檔中的元素getElementById

按標籤名稱取得元素

查詢選擇器與查詢選擇器全部

訪問元素的屬性

在文件中建立並插入新的節點

insertBefore - 在指定的位置插入節點

Event-處理發生的事情

處理事件的方法

用物件的事件處理程序處理發生的事件

addEventListener-為物件綁定事件

事件的傳播

更改事件傳播方式

停止傳播事件

課程介紹-ECMAScript 新功能

塊的作用域-let

恆量-const

解構數組-Array Destructuring

解構物件-Object Destructuring

模版字串-Template Strings

標籤的模版字串-Tagged Templates

判斷字串裡是否包含其他字串

預設參數 - Default Parameter Values

展開操作符-Spread

剩餘操作符Rest

解構參數 - Destructured Parameters

函數的名字-name屬性

箭頭函數-Arrow Fuctions

物件表達式

物件屬性名

對比兩個值是否相等-Object.is()

把物件的值複製到另一個物件裡 - Object.assign()

設定物件的 prototype - Object.setPrototypeOf()

__原型__

極佳的

迭代器 - Iterators

生成器 - Generators

Classes - 類

get 與 set

靜態方法-staitc

繼承-extends

放

地圖

模組

重命名導出與導入的東西

導出與導入預設

React 課程介紹

安裝React

定義組件

顯示 - ReactDOM.render

組合組件

屬性-props

從爸爸那裡得到數據

從伺服器端得到數據

狀態

更新元件的狀態

事件 - 使用發生在元件上的事件

得到在瀏覽器上顯示的元素 - refs

兒子把數據交給爸爸

更新狀態重新顯示元件

React Router 課程介紹

安裝 React Router

準備 React 元件

定義路由

得到地址裡的參數

索引 - IndexRoute

路由裡的絕對路徑與重定向

進入與離開 - onEnter, onLeave

查詢符 - query

組件的生命週期與路由

安裝 React Native - OS X

配置 Android 開發環境

初始化專案

在 Android 上運行應用

專案的開發菜單

在專案裡使用ES6

初學 React Native 項目

建立與應用程式樣式

常用樣式

文字樣式

版面 - 準備

版面 - Flexbox

視圖元件 - View

文字組件 - Text

自訂顯示文字的組件

圖像組件 - Image

背景影像

清單視圖 - ListView

重新整理清單的顯示 - 內容

重新整理清單的顯示 - 樣式

載入中 …

組織應用程式的樣式

組織應用的元件

帶動畫的載入指示 - ActivityIndi​​catorIOS

觸控高亮顯示 - TouchableHighlight

標籤列 - TabBarIOS - 準備

標籤欄裡的項目

切換顯示標籤項目

自訂標籤欄

導航 - NavigatorIOS - 準備

使用導航與自訂導航的樣式

內容的詳細頁面 - 準備

內容的詳細頁面 - 實施

內容的詳細頁面 - 內容

內容的詳細頁面 - 載入中

內容的詳細頁面 - 文字的樣式

分段顯示電影簡介裡的內容

北美票房頁面

搜尋頁面-準備

調試：屬性裡的布林值

文字框組件 - TextInput

文字方塊的樣式

文字方塊上的屬性

文字方塊上的屬性 - iOS

文字方塊上的事件

搜尋

顯示搜尋結果

等待搜尋結果時顯示載入指示器