什么是React，React特點，React的工作原理
React系列之--React簡介React簡介
一、什么是React
廢話不說，我們先看看官方是雜說的
React is a JavaScript library for creating user interfaces by Facebook and Instagram. Many people choose to think of React as the V in MVC.
大概意思就是說React是被Facebook和Instagram創(chuàng)建的一個針對Ui Js類庫，許多人也把它認(rèn)為是MVC中的V層。
話說，facebook對市面上所有的js類庫都不滿意，所以自己就開發(fā)了一個，我只能說真是牛'B'呀。有點扯遠(yuǎn)了。
我們只要知道這個玩意是用來創(chuàng)建V的就可以了
1、簡單
用官方的話說就是，使用react可以很簡單的呈現(xiàn)出你的應(yīng)用。當(dāng)然學(xué)習(xí)也簡單
2、聲明式
在數(shù)據(jù)發(fā)生變化的時候，React從概念上講與點擊了F5一樣，實際上它僅僅是更新了變化的一部分而已(通過虛擬DOM技術(shù)的diff算法)。
3、組件化
Rect的編寫是基于組件的，它是把一個個組件組合起來形成一個界面,facebook使用組件化開發(fā)代替模板引擎，通過js代碼生成View
下幅圖可以直觀的看到組件化的思想：
MVC：開發(fā)者將三者定義成不同的類，實現(xiàn)了表現(xiàn)、數(shù)據(jù)、控制的分離（從技術(shù)角度拆分UI實現(xiàn)松耦合）
React：新的思路，開發(fā)者從功能的角度出發(fā)，將UI拆成不同的組件。每個組件都獨立封裝。即按照界面模塊自然劃分的方式來組織和編寫你的代碼
4、一次學(xué)習(xí)，到處使用
并沒有說一次編寫到處運行，我們可以在客戶端渲染，也可以在服務(wù)端渲染，還可以在手機app上渲染(使用RN)
三、React的工作原理(基本原理)
1、Virtual DOM 虛擬DOM
和傳統(tǒng)的Web應(yīng)用的不同的是，React為了減少Dom的操作(Dom的更新代價是比較大的)，不是全部更新Dom而是通過虛擬DOM的技術(shù)，就是真實Dom的當(dāng)前Dom之間通過diff算法比較，只更新改變部分的Dom,這就大大提高了性能。
2、基于狀態(tài)更新(state和render)
React是如何渲染組件，并且在什么渲染組件的，這就要說說state和render了。state包含一些組件所需要的屬性，如果這些數(shù)據(jù)發(fā)生變化，那么就會自動調(diào)用render方法來渲染組件，我們只能通過React的setState方法來更新組件狀態(tài)。
總結(jié)：通過本節(jié)我們了解了以下幾點：
1、React是一個V
2、React沒有模板的概念，是通過組件組合來使用
3、React通過虛擬Dom來更新組件
4、React是一個狀態(tài)機(通過狀態(tài)的改變來更新組件)
到此為止，我們對React就講完了。
上一篇: 什么是MVVM？
+相關(guān)資訊
