---
# System prepended metadata

title: React Intro
tags: [Javascript, React]

---

# React Intro
###### tags: `React` `Javascript`
**React 是一個開源渲染Html的js庫**

**原生Javascript 操作Dom-API缺點**
	1. 操作繁瑣、效率低
	2. 瀏覽器會大量的重繪重排
	3. js沒有組件化的的方案，效率低
**React 特點**
	1. 聲明式開發
	2. React Native可開發Moblie App
	3. 使用visual Dom + diffing算法降低與真實Dom的操作

**需引入**
react.development.js (引入順序為其他react相關套件前)
react-dom.development.js
babel.js => 作用為 
	1. 將ES6轉ES5 
	2. 提供react開發語法糖 
	3. 

	<script type="text/babel">...<script> //引入後需要將type設定為text/babel才會生效