React

[ericltw]

React

What is React

A JavaScript library for building user interfaces.

Why use React?

• 透過Vanilla JavaScript很難處理UI state。
• 專注業務邏輯。
• huge ecosystem, active community, high performance.

Two kinds of Applications

• Single Page Applications
  • One HTML page
  • 內容在client端渲染
  • 通常只調用一次ReactDOM.render()
• Multi Page Applications
  • Multi HTML pages
  • 內容在server端
  • 一個widget調用一次ReactDOM.render()

Reference

• https://www.udemy.com/course/react-the-complete-guide-incl-redux/

[ericltw]

React / ReactDOM

History

React和React-DOM在React V0.14之前是由包含在同一個lib，V0.14後將他們拆開為不同的lib。

React

• components
• state
• props
• all the code that is React

ReactDOM

React和DOM之間的glue（ReactDOM.render()）。

Why separate them?

因為React Native的出現，React Native使用React lib，不使用ReactDOM。

Reference

• React vs ReactDOM

  https://coursework.vschool.io/react-vs-reactdom/

• React vs React-DOM

  https://medium.com/programming-sage/react-vs-react-dom-a0ed3aea9745