React 初接觸

一. react的安裝

1). 使用方法
可以直接下載使用 <a >http://facebook.github.io/react/ </a>下載最新
2). 直接使用BootCDN的React CDN庫.

<script src="https://cdn.bootcss.com/react/15.4.2/react.min.js"></script>
<script src="https://cdn.bootcss.com/react/15.4.2/react-dom.min.js"></script>
<script src="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></script>

在.html 文件中直接引用

• react.min.js - React 的核心庫
• react-dom.min.js - 提供與 DOM 相關(guān)的功能
• babel.min.js - Babel 可以將 ES6 代碼轉(zhuǎn)為 ES5 代碼，
  這樣我們就能在目前不支持 ES6 瀏覽器上執(zhí)行 React 代碼。Babel 內(nèi)嵌了對(duì) JSX 的支持。通過將 Babel 和 babel-sublime 包（package）一同使用可以讓源碼的語法渲染上升到一個(gè)全新的水平。

如果我們需要使用 JSX，則 script標(biāo)簽的 type 屬性需要設(shè)置為 text/babel。

    <script type="text/babel">
        ReactDOM.render(
            <h1>Hello, world!</h1>,
            document.getElementById('example')//將一個(gè) h1 標(biāo)題，插入 id="example" 節(jié)點(diǎn)中
        );
    </script>

二. 使用npm來安裝React

系統(tǒng)要支持node.js和npm
先驗(yàn)證有沒有安裝
node -v
npm -v

國內(nèi)使用npm速度很慢,可以使用淘寶鏡像cnpm命令代替npm

 npm install -g cnpm --registry=https://registry.npm.taobao.org

這樣就可以使用cnpm來安裝模塊了

 cnpm install [name]

使用create-react-app快速構(gòu)建React 開發(fā)環(huán)境
create-react-app 是來自于 Facebook，通過該命令我們無需配置就能快速構(gòu)建 React 開發(fā)環(huán)境。

create-react-app 自動(dòng)創(chuàng)建的項(xiàng)目是基于 Webpack + ES6 。

執(zhí)行以下命令創(chuàng)建項(xiàng)目：

$ cnpm install -g create-react-app
$ create-react-app my-app
$ cd my-app/
$ npm start

你可以在 <code>src/App.js</code> 文件中修改。

如果我在文件中需要使用react-routes-dom
使用yarn add react-router-dom添加依賴 會(huì)在package.json 的dependencies 顯示 在node_module中也會(huì)有此文件夾

這些東西官網(wǎng)上面都有 , 但是不要只是看,要?jiǎng)邮謱?,自己算是剛接觸react 做個(gè)筆記吧