《React官方文件》之Getting Started
阿新 • • 發佈：2018-12-23
原文連結 譯者：jella77
JSFiddle
開始React最簡單的方法就是遵循JSFiddle的Hello World例子：
-
入門包
如果你剛剛起步，你可以下載Starter Kit。Starter Kit包含為瀏覽器預製的React和React DOM，以及幫助你開始的示例。
在Starter Kit的根目錄下建立一個
helloworld.html內容如下： -
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Hello React!</title><script src="build/react.js"></script> <script src="build/react-dom.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script> </head> <body> <div id="example"></div> <scripttype="text/babel"> ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('example') ); </script> </body> </html>JavaScript中的XML語法叫做JSX，檢視JSX語法可以學習更多。為了將它翻譯成普通的JavaScript ，我們使用
<script type="text/babel">並且包含Babel來在瀏覽器中實現真正的翻譯。從瀏覽器開啟這個html你就能看到這句問候了！獨立的檔案
你的React JSX程式碼可以在一個獨立的檔案中。建立如下的
src/helloworld.jsReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('example') );然後從
helloworld.html引用它:<script type="text/babel" src="src/helloworld.js"></script>注意到一些瀏覽器（比如Chrome）將會載入失敗除非它通過HTTP服務.
React+npm或Bower
你可以使用npm或Bower來管理React 包。你可以在我們的包管理 章節學習到更多相關知識。
下一步
檢視我們的教程和其他Starter Kit的
examples目錄下的例子來學習更多。
