歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux綜合 >> 學習Linux >> 教你怎麼快速配置 React

教你怎麼快速配置 React

日期:2017/3/3 17:51:55   编辑:學習Linux

教你怎麼快速配置 React

教你怎麼快速配置 React


導讀React 是一個構建用戶界面的庫,而它只是組成一個應用的一部分。應用還有其他的部分——風格、路由器、npm 模塊、ES6 代碼、捆綁和更多——這就是為什麼使用它們的開發者不斷流失的原因。這被稱為 JavaScript 疲勞。盡管存在這種復雜性,但是使用 React 的用戶依舊繼續增長。

教你怎麼快速配置 React教你怎麼快速配置 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-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 的預覽應用對測試發布的改變是完美的。

我們將會追蹤 create-react-app 的進度,當它們可用時,同時適配構建包來支持更多的高級使用情況。發布萬歲!

原文來自:https://linux.cn/article-7828-1.html

本文地址:http://www.linuxprobe.com/0-react.html編輯員:李帥,審核員:楊帆


http://xxxxxx/Linuxjc/1184562.html TechArticle

Copyright © Linux教程網 All Rights Reserved