1.5? hello world實戰訓練

遵循傳統，在學習React前先帶領讀者構建一個基于Webpack的hello world應用。

1.5.1? 不涉及項目構建的Hello World

本節實現一個不涉及項目構建的Hello World。

React的第一個Hello World網頁示例（源碼地址是https://jsfiddle.net/allan91/2h1sf0ky/8/）：

上面的代碼很簡單，直接引用CDN（Content-Delivery-Network）上的react.min.js、react-dom.min.js和babel.min.js這3個腳本即可直接使用。唯一需要注意的是，script的type屬性需要寫為text/babel。在瀏覽器中打開這個HTML文件即可展示Hello World文案。

說明：CDN（Content Delivery Network）是構建在網絡之上的內容分發網絡，依靠部署在各地的邊緣服務器，通過中心平臺的負載均衡、內容分發、調度等功能模塊，使用戶就近獲取所需內容，降低網絡擁塞，提高用戶訪問響應速度和命中率。

react.main.js是React的核心代碼包；react-dom.min.js是與DOM相關的包，主要用于把虛擬DOM渲染的文檔變為真實DOM，當然還有其他一些方法；babel.min.js是用來編譯還不被瀏覽器支持的代碼的編譯工具，其中min表示這是被壓縮過的JS庫。

也可以將JavaScript代碼寫在外面，比如在根目錄下新建main.js：

ReactDOM.render(

Hello World

document.getElementById("root")

);

然后在HTML文件內引入：

Redux React 機器學習

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。