零配置部署 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-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 的進度,當它們可用時,同時適配構建包來支持更多的高級使用情況。發布萬歲!
via: https://blog.heroku.com/deploying-react-with-zero-configuration
本文轉載來自 Linux 中國: https://github.com/Linux-CN/archive