什么是React,React特點,React的工作原理

發(fā)布時間:2022-06-18    知識欄目:網(wǎng)站建設(shè)知識

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的就可以了
廣州網(wǎng)站建設(shè)
二、React特點
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

下幅圖可以直觀的看到組件化的思想:

網(wǎng)站建設(shè)知識

MVC:開發(fā)者將三者定義成不同的類,實現(xiàn)了表現(xiàn)、數(shù)據(jù)、控制的分離(從技術(shù)角度拆分UI實現(xiàn)松耦合)

React:新的思路,開發(fā)者從功能的角度出發(fā),將UI拆成不同的組件。每個組件都獨立封裝。即按照界面模塊自然劃分的方式來組織和編寫你的代碼

4、一次學(xué)習(xí),到處使用

并沒有說一次編寫到處運行,我們可以在客戶端渲染,也可以在服務(wù)端渲染,還可以在手機(jī)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)機(jī)(通過狀態(tài)的改變來更新組件)

到此為止,我們對React就講完了。
+相關(guān)資訊

廣州網(wǎng)站建設(shè) 廣州網(wǎng)站設(shè)計 廣州網(wǎng)站開發(fā)

工作室工作地點分布:廣州  深圳  武漢  湖南


(c) Copyright 2008-2024 廣州綠源電子商務(wù)有限公司. All Rights Reserved.