Web開發太有意思了！ 但是JavaScript則……令人望而生畏。
Web開發中其他一切對你而言都是小菜一碟，但當你深入探究JavaScript的時候，不免有一種“衆人皆醒你獨醉”的悲壯——好像其他人都知道你不知道的一些大的基礎的知識內容，並且這些內容可以幫助你理解所有知識。
事實是，的確如此，你遺漏了一些解決問題的重要片段。
並且，前端開發實際上已經陷入了瘋狂。
不僅僅是你。
拉過一把椅子，坐下來。到時間寫JavaScript應用了。
第一步是準備本地開發環境並運行。那麼使用Gulp還是Grunt，等等，不……還有NPM腳本！
使用WebPACK還是Browserify？Require.js？提升到ES6？或者過多地添加Babel到你的預處理？
BDD還是常規單元測試？應該使用什麼斷言框架？當然從命令行運行測試會很好，所以也許PhantomJS也行？
Angular還是React？Ember？Backbone？
你看了一些React文檔，“Redux是JavaScript app可預測的狀態容器。”真棒！你一定需要那些中的其中之一。
爲什麼構建JavaScript應用會如此瘋狂？！？
讓我來幫助你理解爲什麼我要說這一切是如此瘋狂。讓我們從一個例子開始，然後轉移到漂亮的圖片。
這是React的“Hello, world!”應用。
沒有完全完成。
實際上這裏有幾個步驟缺失了，例如安裝browserify，以及在你做好之後實際上需要做什麼才能讓它運行在網頁上，因爲這其實不會產生一個能有什麼內容的網頁。 ¯\ _（ツ）_ /¯
在完成這些之後，你最後還需要一個名爲bundle.js的文件，這個文件包含新的React Hello World應用程序——程序有19,374行代碼。而你只需要安裝browserify，babelify和react-dom，考量未知的成千上萬行代碼即可。
所以基本上這是…
Marc幾乎已經準備好實施他的“Hello World”React app pic.twitter.com/ptdg4yteF1 ——Thomas Fuchs（@thomasfuchs）2016年3月12日
下面就讓我們用樸實無華的JavaScript代碼寫一個Hello World app。
這就成了。 18行代碼。你可以複製/粘貼到index.html文件中，雙擊並把它加載到你的瀏覽器中。完成。
如果此時你覺得，“等等，React能做的事情比你剛剛寫的這個小玩意更多，並且你不可能用那種方法寫一個JavaScript app！”你是（大多數時候）對的，但你還需要走一小步才能理解爲什麼一切都瘋了。
下面是我承諾過的圖片。
絕大多數你將工作的JavaScript web應用程序，會落在鐘形曲線中部的某個位置。並且在中部，如果你從一個完整的React堆棧開始，那麼從一開始你就大量過度設計了你的應用程序。
這就是爲什麼一切都變得瘋狂。其中的大多數工具你覺得是你解決問題所必須具備的，但是你一直沒有碰到這樣的問題，而且以後你也不會碰到。
同一張圖片：
因爲在默認情況下，每個人都過度設計他們的app，卻意識到這一點，使得Javascript的開發狀態變得過於繁冗。
你應該如何啓動JavaScript應用程序呢？是否應該使用一些類似React或Angular的工具？是否應該使用軟件包管理器？如果你不這樣做，你應該做什麼？測試有必要嗎？是否應該用Javascript生成標記？所有這些都是你應該在啓動默認情況下的龐大的技術堆棧前，好好問問自己的問題。
當你啓動一個JavaScript應用程序時，關鍵是要在鐘形曲線上挑一個點，這個點剛好位於你認爲這個app最終可能會到達的複雜程度的前面。
我不會撒謊，驗證這一切需要經驗。但是這裏有一個相當大的甜蜜點可以讓你啓動大多數的JavaScript應用程序：jQuery加上客戶端模板，以及用於連接和縮減產品文件超級簡單的構建工具（假如你的後端架構還沒有這樣做的話）。
如果你知道如何正確地構建Javascript app，那麼你就會開始懂得如何、何時以及爲什麼使用框架或npm/requir/webPack或ES6，什麼時候編寫測試，什麼時候應該費心讓你的測試本地運行vs.運行在瀏覽器中，等等，所有這些問題都會涌現出來。
有興趣用你的JavaScript開發知識填補那些空白？想要避免不堪重負的感覺以及避免在這個過程中大量過度設計你的JavaScript應用程序？那是我之後將要專注討論的內容，敬請期待！