活版印字

Building Isomorphic Web Applications with React 重點整理

Posted at 2016-04-06

為什麼我們要用 Isomorphic (1:50)

• SEO 爬蟲
• 效能
  server side 已經 build 好了 html，client 只需要 render html 的部分。
• dev 的好處

支援 React Isomorphic 的框架 (7:30)

• Pellet (Vevo)
• React Nexus
• Relay (Facebook)

React 讓 Isomorphic 架構變成可能 (8:00)

• Virtual DOM
  Virtual DOM vs xxx DOM
  Virtual DOM is small update

In the Browser

• SPA
• React
• React Router
• Browser Sync to serve / update the file

Webpack 讓你做到了哪些事

• 不同的環境產生不同的 build
• specific code
• Chunk code into smaller downloadable files

(….未完成…)

• Functional View
• renderToString

https://github.com/elyseko/iso-react-demo