439
技術社區[雲棲]
零配置部署 React
你想使用 React 來構建應用嗎？“入門”是很容易的，可是接下來呢？
React 是一個構建用戶界麵的庫，而它隻是組成一個應用的一部分。應用還有其他的部分——風格、路由器、npm 模塊、ES6 代碼、捆綁和更多——這就是為什麼使用它們的開發者不斷流失的原因。這被稱為 JavaScript 疲勞。盡管存在這種複雜性，但是使用 React 的用戶依舊繼續增長。
社區應對這一挑戰的方法是共享模版文件。這些模版文件展示出開發者們架構選擇的多樣性。官方的“開始入門”似乎離一個實際可用的應用程序相去甚遠。
新的，零配置體驗
受開發者來自 Ember.js 和 Elm 的經驗啟發，Facebook 的人們想要提供一個簡單、直接的方式。他們發明了一個新的開發 React 應用的方法 ：create-react-app。在初始的公開版發布的三個星期以來，它已經受到了極大的社區關注（超過 8000 個 GitHub 粉絲）和支持（許多的拉取請求）。
create-react-app 是不同於許多過去使用模板和開發啟動工具包的嚐試。它的目標是零配置的慣例-優於-配置，使開發者關注於他們的應用的不同之處。
零配置一個強大的附帶影響是這個工具可以在後台逐步成型。零配置奠定了工具生態係統的基礎，創造的自動化和喜悅的開發遠遠超越 React 本身。
將零配置部署到 Heroku 上
多虧了 create-react-app 中打下的零配置基礎，零配置的目標看起來快要達到了。因為這些新的應用都使用一個公共的、默認的架構，構建的過程可以被自動化，同時可以使用智能的默認項來配置。因此，我們創造這個社區構建包來體驗在 Heroku 零配置的過程。
在兩分鍾內創造和發布 React 應用
你可以免費在 Heroku 上開始構建 React 應用。
npm install -g create-react-appcreate-react-app my-appcd my-appgit initheroku create -b https://github.com/mars/create-react-app-buildpack.gitgit add .git commit -m "react-create-app on Heroku"git push heroku masterheroku open
使用構建包文檔親自試試吧。
從零配置出發
create-react-app 非常的新（目前版本是 0.2），同時因為它的目標是簡潔的開發者體驗，更多高級的使用情景並不支持（或者肯定不會支持）。例如，它不支持服務端渲染或者自定義捆綁。
為了支持更好的控製，create-react-app 包括了 npm run eject 命令。Eject 將所有的工具（配置文件和 package.json 依賴庫）解壓到應用所在的路徑，因此你可以按照你心中的想法定做。一旦被彈出，你做的改變或許有必要選擇一個特定的用 Node.js 或靜態的構建包來布署。總是通過一個分支/拉取請求來使類似的工程改變生效，因此這些改變可以輕易撤銷。Heroku 的預覽應用對測試發布的改變是完美的。
原文發布時間為：2016-10-02
本文來自雲棲社區合作夥伴“Linux中國”
最後更新：2017-06-06 16:02:42