什么是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創建的一個針對Ui Js類庫，許多人也把它認為是MVC中的V層。
話說，facebook對市面上所有的js類庫都不滿意，所以自己就開發了一個，我只能說真是牛'B'呀。有點扯遠了。
我們只要知道這個玩意是用來創建V的就可以了
1、簡單
用官方的話說就是，使用react可以很簡單的呈現出你的應用。當然學習也簡單
2、聲明式
在數據發生變化的時候，React從概念上講與點擊了F5一樣，實際上它僅僅是更新了變化的一部分而已(通過虛擬DOM技術的diff算法)。
3、組件化
Rect的編寫是基于組件的，它是把一個個組件組合起來形成一個界面,facebook使用組件化開發代替模板引擎，通過js代碼生成View
下幅圖可以直觀的看到組件化的思想：
MVC：開發者將三者定義成不同的類，實現了表現、數據、控制的分離（從技術角度拆分UI實現松耦合）
React：新的思路，開發者從功能的角度出發，將UI拆成不同的組件。每個組件都獨立封裝。即按照界面模塊自然劃分的方式來組織和編寫你的代碼
4、一次學習，到處使用
并沒有說一次編寫到處運行，我們可以在客戶端渲染，也可以在服務端渲染，還可以在手機app上渲染(使用RN)
三、React的工作原理(基本原理)
1、Virtual DOM 虛擬DOM
和傳統的Web應用的不同的是，React為了減少Dom的操作(Dom的更新代價是比較大的)，不是全部更新Dom而是通過虛擬DOM的技術，就是真實Dom的當前Dom之間通過diff算法比較，只更新改變部分的Dom,這就大大提高了性能。
2、基于狀態更新(state和render)
React是如何渲染組件，并且在什么渲染組件的，這就要說說state和render了。state包含一些組件所需要的屬性，如果這些數據發生變化，那么就會自動調用render方法來渲染組件，我們只能通過React的setState方法來更新組件狀態。
總結：通過本節我們了解了以下幾點：
1、React是一個V
2、React沒有模板的概念，是通過組件組合來使用
3、React通過虛擬Dom來更新組件
4、React是一個狀態機(通過狀態的改變來更新組件)
到此為止，我們對React就講完了。
上一篇: 什么是MVVM？
下一篇: 短視頻時代企業還是否需要做網站
+相關資訊
