react工具集

時間 2019-11-13

標籤 react 工具欄目 React 简体版

原文原文鏈接

React支持多平臺, 多語言使用.javascript

它能在web. iOS, Android, NodeJS, Nashorn等平臺上使用.html

同時, 它也支持在像JavaScript, TypeScript, ClojureScript等語言中使用.java

爲了構建許多優秀的應用, 大神們開發了許多的工具可夠你們使用, 常見的工具分類有:react

語言工具. 把當前語法轉換成對應語言能識別的語言. 表明做: Babel轉換jsx.
包管理工具. 更好地管理React在項目中依賴的包文件.
服務端環境配置工具.

一, 語言工具介紹:es6

　　ES2015 with JSXweb

　　目前的瀏覽器, 基本上只能識別ES2015的JavaScript代碼, 對JSX語法不能直接解析, 以前提供的Babel5就能夠實現把JSX轉化成對應的ES2015語法. 他能夠直接從CDNJS中應用, 在頁面中只須要加上<script type="text/babel"></script>標籤, 而後把代碼寫在裏賣弄就能夠了. npm

舉例:瀏覽器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src="../build/react.js"></script>
    <script type="text/javascript" src="../build/react-dom.js"></script>
    <script type="text/javascript" src="../build/browser.min.js"></script>
</head>
<body>
    <div id="example"></div>
    <script type="text/babel">
        ReactDOM.render(
            <h1>Hello, world!</h1>,
            document.getElementById('example')
        );
    </script>
</body>
</html>