---
# System prepended metadata

title: 2.JSX
tags: [React]

---

# 2.JSX
###### tags: `React`
JavaScript XML。 一種類似於XML的JS擴展語法: JS + XML 。
語法糖 = `React.createElement(component, props, ...children)`

*  作用: 
    簡化創建虛擬DOM

* 基本語法規則
1. <> : 標籤語法
2. { } : js表達式

* babel.js:
	轉譯JSX為純JS，使瀏覽器解析

* 渲染虛擬DOM `ReactDOM.render(virtualDOM, containerDOM)`

