教你怎麼快速配置 React

導讀	React 是一個構建用戶界面的庫，而它只是組成一個應用的一部分。應用還有其餘的部分——風格、路由器、npm 模塊、ES6 代碼、捆綁和更多——這就是爲何使用它們的開發者不斷流失的緣由。這被稱爲 JavaScript 疲勞。儘管存在這種複雜性，可是使用 React 的用戶依舊繼續增加。

社區應對這一挑戰的方法是共享模版文件。這些模版文件展現出開發者們架構選擇的多樣性。官方的「開始入門」彷佛離一個實際可用的應用程序相去甚遠。

新的，零配置體驗

受開發者來自 Ember.js 和 Elm 的經驗啓發，Facebook 的人們想要提供一個簡單、直接的方式。他們發明了一個新的開發 React 應用的方法 ：create-react-app。在初始的公開版發佈的三個星期以來，它已經受到了極大的社區關注（超過 8000 個 GitHub 粉絲）和支持（許多的拉取請求）。

create-react-app 是不一樣於許多過去使用模板和開發啓動工具包的嘗試。它的目標是零配置的慣例-優於-配置，使開發者關注於他們的應用的不一樣之處。

零配置一個強大的附帶影響是這個工具能夠在後臺逐步成型。零配置奠基了工具生態系統的基礎，創造的自動化和喜悅的開發遠遠超越 React 自己。

將零配置部署到 Heroku 上

多虧了 create-react-app 中打下的零配置基礎，零配置的目標看起來快要達到了。由於這些新的應用都使用一個公共的、默認的架構，構建的過程能夠被自動化，同時可使用智能的默認項來配置。

在兩分鐘內創造和發佈 React 應用

你能夠免費在 Heroku 上開始構建 React 應用。

npm install -g create-react-app
create-react-app my-app
cd my-app
git init
heroku create -b https://github.com/mars/create-react-app-buildpack.git
git add .
git commit -m "react-create-app on Heroku"
git push heroku master
heroku open

從零配置出發

create-react-app 很是的新（目前版本是 0.2），同時由於它的目標是簡潔的開發者體驗，更多高級的使用情景並不支持（或者確定不會支持）。例如，它不支持服務端渲染或者自定義捆綁。

爲了支持更好的控制，create-react-app 包括了 npm run eject 命令。Eject 將全部的工具（配置文件和 package.json 依賴庫）解壓到應用所在的路徑，所以你能夠按照你心中的想法定作。一旦被彈出，你作的改變或許有必要選擇一個特定的用 Node.js 或靜態的構建包來佈署。老是經過一個分支/拉取請求來使相似的工程改變生效，所以這些改變能夠輕易撤銷。Heroku 的預覽應用對測試發佈的改變是完美的。

咱們將會追蹤 create-react-app 的進度，當它們可用時，同時適配構建包來支持更多的高級使用狀況。發佈萬歲！

本文地址： http://www.linuxprobe.com/0-react.html