傳統HTML

React Flow

Action(動作)

宣告各個ActionType

constants(常數)

常數又稱定數，

是指一個數值固定不變的常量

Action中可以做的事情

• 呼叫Server 取得數值

• 整理數值

• 發送廣播通知Store(可發送多次)

Dispatch(發送)

通知Store ActionType，並且依據ActionType以及提供的值

對Store的值做相對應的更新

Dispatch 做的是廣播

ActionType就像門牌號碼

App Route

navigator 是一個

View 的 Stack

View Stack

Route Data

以物件的方式來儲存

每一個頁面的狀態

Mulitple Route

files => [view1, view2]

 

cates => [view1, view2, view 3]

 

chats => [view1]

 

feeds => [view1]

 

mails => [view1, view2]

Container 的重用

依據丟入的參數不同

顯示出需要的頁面

我想要把這些參數使用GET的方式傳入

/Video/name=1.mov&path=.../1.mov

Crossroads

javascript Route System

Example

Demo

Q & A

相關資訊

• crossroads: https://millermedeiros.github.io/crossroads.js/​
• github: https://github.com/horsekitlin?tab=repositories