ISOMorphic

Server

Render

Tomas Lin

以React 切入談Isomorphic server render

因為我只會React

優點

• 效率較高
• 確保第一頁的資訊正確性
• 提升SEO

缺點 - 複雜度提升

• Data - Route 的Mapping
• Server Client 端的程式同時存在
• 對初學者十分不友善

User

URL

Server

Template

Engine

HTML

Browser

Loading

傳統檢視網頁流程

User

URL

Browser

Loading

Server

Store

Rerender

ComponentDidMound

發送Action

(Request)

User

URL

Server

React String

Template

Engine

Browser

Loading

React Server render 流程

Route System

• 傳統的EJS - Server
• React Route - Client
• Isomorphic Route - Server + Client

Text

主要在這幾個Function

• match
• renderToString (Template Engine)

Q And A

參考資訊

• react-router
• isomorphic-example