首頁  >  文章  >  web前端  >  什麼是React

什麼是React

清浅
清浅原創
2018-12-05 11:36:396782瀏覽


React是一個用於建立使用者介面的JavaScript庫,具有很好的靈活性和可擴展性適合構建大的前端專案

#React是一個用來建立使用者介面的JavaScript函式庫,它是Web應用程式的視圖層,接下來在文章中將為大家詳細介紹什麼是React

【推薦課程:React教學

什麼是React

#React意義


什麼是React

#React是一個JavaScript框架,所有React應用程式的核心都是元件。元件是一個自包含的模組,可以呈現一些輸出,元件是可組合的。組件可能在其輸出中包含一個或多個其他組件。

其實,要編寫React應用程序,也就是編寫與各種介面元素相對應的React元件,然後將這些元件組織在更高層級的元件中,這些元件定義了應用程式的結構

重要的是,React應用程式中的每個元件都遵循嚴格的資料管理原則。複雜的互動式使用者介面通常涉及複雜的資料和應用程式狀態 React的表面區域是有限的,目的是為我們提供工具,以便能夠預測我們的應用程式在給定情況下的外觀樣式

React的用法

<script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script>
<script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></script>
<script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script>
</head>
<body>
<div id="example"></div>
<script type="text/babel">
ReactDOM.render(
	<h1>这是我的第一个React程序</h1>,
	document.getElementById(&#39;example&#39;)
);
</script>

</body>
</html>

效果圖:

什麼是React


#################################### ###React的優缺點#########React的優點:######(1)它提供最大的靈活性和回應能力。 ######(2)由於它是基於文件物件模型,所以它允許瀏覽器友善地以HTML,XHTML或XML格式排列文件。 ######(3)具有豐富的JavaScript函式庫######(4)具有很好的靈活的結構和可擴展性######(5)React提供了React Native平台,可透過相同的React元件模型為iOS和Android開發本機呈現的應用程式。 ######React.js的缺點:######陡峭的學習曲線:由於複雜的設定過程,屬性,功能和結構,它需要深入的知識來建立應用程式。 ###############總結:以上就是這篇文章的全部內容了,希望對大家的學習有所幫助。 ############### ###

以上是什麼是React的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
上一篇:bootstrap是什麼下一篇:bootstrap是什麼