零配置部署React

知與誰同發表於2017-06-06
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 應用。



    

  1. npm install -g create-react-app
    2. 

  2. create-react-app my-app
    3. 

  3. cd my-app
    4. 

  4. git init
    5. 

  5. heroku create -b https://github.com/mars/create-react-app-buildpack.git
    6. 

  6. git add .
    7. 

  7. git commit -m "react-create-app on Heroku"
    8. 

  8. git push heroku master
    9. 

  9. heroku open
    10. 



使用構建包文件親自試試吧。




從零配置出發


create-react-app 非常的新（目前版本是 0.2），同時因為它的目標是簡潔的開發者體驗，更多高階的使用情景並不支援（或者肯定不會支援）。例如，它不支援服務端渲染或者自定義捆綁。


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


原文釋出時間為：2016-10-02


本文來自雲棲社群合作伙伴“Linux中國”










相關文章