?自從 Vue? 紀錄片發布后，國外粉絲就開始瘋狂催更 React? 紀錄片，雖說在國內 Vue? 是最流行的框架，但如果放眼全世界的話 React? 才是一哥，所以它的粉絲量也比 Vue 的體量大了很多倍，并且以歐美人居多。

兩年后，React? 紀錄片終于姍姍來遲，此片正是出自拍攝 Vue? 紀錄片的那個團隊之手。但同一團隊在兩次紀錄片卻玩起了不同的營銷策略，?React? 的紀錄片有預售模式，兩個月前就放出了 ?React? 的預告片。這個僅有一分多鐘的預告片在點贊量上居然和有著半小時精剪的《Svelte 紀錄片》幾乎持平：

這足以看出 React 擁有多么龐大的粉絲量，一說起粉絲就忍不住想給大家分享一下《Svelte 紀錄片》底下非常有趣的一條評論：

其實別的方向的也有紀錄片，只不過都在墻外，國內不怎么關注罷了。那有人可能會說：React? 紀錄片不也是在墻外發布的么？確實哈！前端用戶量過于龐大導致關注度比別的方向都高一些，那么廢話不多說，先告訴大家怎么找吧，首先翻墻來到油管，然后搜索 React Documentary，排在第一位的那個視頻就是了：

可以看到排在第四位的是 Vue? 紀錄片，它的總時長是 34:45?，而 React? 的時長是 1:18:15?，是 Vue 的兩倍多。排在第二的就是兩個月前的預告片了，我們先從它開始看起：

鏡頭里出現了很多大佬，其中有個大佬說：如果你想要傳播一個想法，那么你需要真正的說服一些人，并讓他們與別人分享你的這個想法，而不是你自己光在那喊。接下來另一個大佬說：我覺得它并不會成為一個受歡迎的庫。

那些大佬我都不太認識，直接貼個唯一認識的大佬吧：

有人看完可能會說，這不荷蘭弟嗎：

哈哈長得確實挺像，不過他倆可不是同一個人，這名叫 Dan? 的男子可是不折不扣的 React 大明星，有多大呢？大到其他出鏡的大佬都會說點什么，而他就僅僅只出鏡了這么幾秒鐘并且一句話都沒說，就這樣評論區幾乎三分之一的人都在討論他：

給大家機譯一下：

我確實聽過 Dan 的大名，但沒想到他在那邊能火到這種程度。出場的大佬有好幾個，而他居然連一句話都沒說就夠達到這樣的效果。翻著翻著終于找到和我有一樣疑問的人了：

好在最近終于等到了 React? 正式出片，那么接下來我就來帶領大家一步步走進 React 的發家史。

正片

首先出鏡的是一名有著飄逸秀發的男子，我不認識他是誰哈，感覺應該是本片的主持人，因為他說話的方式就有點像是主持人：

這里是 React? 播客，今天我們要回到過去，回到 React? 的開始。從十年后的今天來回顧 React? 的話，我們似乎覺得 React? 一定會取得成功。畢竟是 Facebook? 這種大公司出品的框架，不太可能會失敗。但其實并不是這樣，甚至在 React? 的歷史上有很多次都讓大家覺得這款框架根本不可能取得成功。那么到底發生了什么？這十年來究竟是怎么發展的，能讓 React 從半死不活的狀態到如今的主導地位。

React? 是 Facebook? 在 2011? 年產出的，在那個年代處于主導地位的是 jQuery? 及 BACKBONE.JS

同時期的 Ember、Angular? 和 Knockout 也大有趕超之勢：

那時候《江南Style》?剛剛被上傳到油管上、《Call Me Maybe》?高居榜首、Freshest Meme? 是 Overly Attach Girlfriend(這是什么意思?)

Overly Attach Girlfriend? 翻譯過來就是過度依賴的女友，這里我沒太懂是什么意思。于是查了半天資料，感覺大概是早期的女網紅，這是她的外號。視頻里瞪大雙眼盯著鏡頭的視頻發布于 2012-6-7?，獲得了 21,311,159 的播放量（相當驚人的數據）

《江南Style》?對于大家來說應該很熟悉了，這首歌不僅火遍大江南北，并且在歐美那里也掀起了一陣狂潮。不過真的很難把 React? 和《江南Style》聯系到一起去，沒想到它倆居然是同時代的產物。

接下來就是正式內容了，來看看這些大佬們大家都能認出來幾個：

(動態圖幀數超過 300 幀傳不上來 大佬們太多了 可惜)

第一位出場的大佬是 Pete Hunt：

當他得到 Facebook? 的 offer 時很興奮的告訴了老媽，那時剛好有部叫《社交網絡》的電影上映：

老媽聽到了以后勸他趕緊入職，因為感覺扎克伯格那小子挺操蛋的(看過這部電影的都知道扎克伯格的人品)，別再反悔咯！

由于本片時間太長，制作文章的過程中發現文章越來越長，動圖也越來越多導致整體觀感不佳。所以刪減了部分沒什么太大意思的片段，只保留了關鍵部分。如果想看完整版的話建議去油管上搜索 React Documentary，目前只有生肉沒有熟肉，需要聽力十分過關才能聽懂。

那時候的 JS? 很不成熟，別說 ES6? 了，ES5? 都無法普及呢！所以這位大佬覺得 JS 只是門玩具語言，產生的一系列框架也都是玩具，不足以支撐他們開發大型復雜應用：

我知道有人可能會說：這些好多應該也不算框架吧？頂多就是個庫，React? 也是庫而不是框架。話雖如此，但我可不想每次寫的時候都要寫成：框架/庫?，或者每次都需要刻意區分一下。片中的大佬也用的是 ?Framework?(框架) 這個詞，咱就不要因為這個而杠了，也不是寫論文那么嚴謹，為了觀感體驗就統一都稱之為框架好吧！大家能明白意思就行，就不用像文字獄那樣咬文嚼字了。

那時候 Facebook? 開始與蘋果公司展開了激烈的競爭，與蘋果公司理念不同的是 Facebook? 認為成功的關鍵在于 Web?。如果能成功推動 H5? 的發展那當然再好不過了，所以他們開發了一款名為 Bolt.js 的框架：

之所以叫這個名字是希望能像閃電和螺栓那樣把各個框架的優點集合到一起：

之所以叫這個名字是希望能像閃電和螺栓那樣把各個框架的優點集合到一起：

聽完這一說法后的我：

你們想把各大框架的優點集合到一起的這個想法是好的，但和閃電螺栓有啥關系？用螺栓把各大框架釘上？他們覺得 Bolt 比當時市面上的其他幾款框架都要好：

看起來寫法有點像是 React 0.15? 的寫法，因為早期的 React? 正是 Bolt? 那幫人寫的。而且我才知到的一個很有趣的冷知識：React? 一開始叫 FBolt?，大家一看這名字可能會問 F? 是啥意思？Facebook Bolt?？其實這個 F? 代表的是 Functional?(函數式)，而 React 的中心區域正是一顆螺栓的形狀：

他們覺得當時前端最難的部分是需要先找到變動的 DOM 節點，來看一眼這張圖：

大家能聯想到什么？雖然 jQuery? 在性能上有優勢，但在過程中就像上面那張動圖一樣不知走了多少彎路。而對于 React? 而言雖然性能不如 jQuery?，但在過程中簡直完勝啊！React? 不用像 jQuery? 那樣手動的、人工的找到需要變動的 DOM? 節點，填充一遍數據后再把 DOM? 塞回去。這么做簡直太智障了，而這也正是大部分的 ?bug? 來源。工程師們把大量的精力都投入到了操作 ?DOM?上，稍有不慎就會出現匪夷所思的 ?bug?，而且還特別難以排查。

Facebook 團隊里有個叫陳靜(音譯)的華裔：

大名鼎鼎的 Flux 架構就是她提出的 ：

并且在 React 的早期階段她起到了至關重要的作用：

當時在 Facebook? 內部有仨框架，他們分別是 Bolt、JS HTML? 以及 React：

隨著時間的推移，慢慢的只留下來了 Blot? 和 React，這是兩款在寫法上非常相似的框架：

雖然寫法相似但運行原理卻大不相同，而且維護兩個框架無論是從人力資源上還是從使用者的角度都不是最優解。最優解就是干掉其中一個框架，主推另一個框架。那么被干掉的是誰呢？從今天 React? 的地位來看被干掉的無疑是另一款框架了，因為這事還鬧出了諸多不快。因為對 React? 而言用它做出來的成功案例并不多，不像 Bolt? 已經久經考驗了（因為React?是后出的）但從另一方面來講 Bolt? 又沒有 React? 靈活、沒它先進。而且如果是你的話，你在公司里已經用 Bolt? 開發了很多項目了，突然有人說要干掉 Bolt，你會愿意嗎？

與 Vue? 紀錄片以及 Svelte? 紀錄片有很大的不同就是這個紀錄片有很多篇幅都是在講這些扯皮事，畢竟 Vue、Svelte 這些框架剛開始時都是由個人來進行主導創作的。即使在今天，那些框架里百分之八九十的代碼也都是由原創者來進行貢獻的，就能少很多這樣的拉扯。看完前半段真的是有點無聊，壓根就沒講多少技術方面的，凈講怎么博弈了：這個怎么說服那個、那個又怎么質疑這個、最終經過了多少重重險阻才能夠達成一致… 不過這也確確實實是在大公司里做開源的真實歷程，那我們繼續往下看吧，希望后面的內容能更精彩一些。

開源

最終他們說服了這個說服了那個（凈是些扯皮的事）決定開源，他們決定扭轉 Facebook? 的開源形象，因為以往的 Facebook? 開源項目通常都是爛尾的，先開源出去給大家畫個大餅，完了升 P? 了就沒人維護了，開始下一個 KPI 項目。這個劇本是不是挺熟悉的，這不阿里么？

然后他們開始選擇在哪來進行開源，看到這的時候我還一愣，除了在 

GitHub? 上還能在哪開源？看到后面我才明白過來，他們說的在哪開源指的是在哪進行首發宣傳，最終他們選擇了 JSConf：

他們說 JSConf? 有點像是 JavaScript 屆的奧斯卡，視頻里這個小金人特效讓我想起了某爾街之狼：

這是部偉大的影片，建議拉上全家一起觀看：

那是佛羅里達的一個早上，他們乘坐巴士來到了辦公室，都9點多了辦公室居然空無一人，萬惡的資本主義上班那么晚下班那么早，不利于大家奮斗。哪像我們的狼性文化：比待遇越比心胸越窄，講奉獻越講境界越高：

狗頭都快不夠用了，他們那么早(9點)來辦公室準備干嘛呢？準備配合他們正在演講的同事按下按鈕迎接開源：

記住下面這位名叫喬丹的大佬，他才是 React 的真正創造者。前面的視頻各位大佬一直都在提這個叫做喬丹的男人，但奇怪的是我從未見過他在視頻中露面，這是他第一次在這個紀錄片出鏡：

準確的說應該也不算是在紀錄片中出鏡，因為這一看就是從以前的視頻錄像里截的，不知為何到現在也沒能見到這位大佬。總之大家對這個叫 React? 的框架持懷疑態度，對 JSX 語法更是反感。這也很正常，任何新事物出現的時候大家都會持懷疑態度，唯有時間能夠證明一切。來看看當時在推特上大家都是咋說的吧：

什么!？#react?!？在 JS? 里寫 XML?，這也太蠢了吧！這簡直是個爛到不能再爛的創新！@#JSConf

所以… "JSX" emmmmmm…

React 這不是違背了關注點分離了么？

React 出師不利啊！

這太糟糕了，確定不是從 PHP 那里學的？

哦我的上帝啊！JSX?… 為什么？究竟為什么?? 不要再搞 JS 方言了！

看到大家的反應，大佬們很失望。因為他們花了好幾個晚上和周末來把這個內部項目改造的更適合開源，但沒想到卻引來了一片罵聲，太讓人羞愧了！

雖然這段代碼看起來像是寫了一段 DOM，但實際上并不是，接下來大家就會明白這是什么。

但其實大家都沒怎么聽他們接下來說的為何 JSX? 對我們有很大的幫助以及設計理念是什么就開噴了，而且他們根本搞不明白到底是為啥？大家為何如此反感 JSX?？一直揪著在 JS? 里寫 XML? 這點不放，在 Facebook? 里用的時候大家都說好，怎么一開源就變成這副德行了… 他們后來也進行了反思：他們沒有真正的理解前端的世界有多大，沒有預料到 Facebook? 之外的前端開發與 Facebook 的工程師思維之間能有多大的差異。不過他們并不怪大家，也不認為那些發推特狂噴的人是瘋子，他們覺得也許大家說的是對的，他們自己才是真正的瘋子。

這讓我想起了一句至理名言：

真正的天才在成功之前往往都會被大家認為是瘋子。

                            ——— 沃·滋基碩德(我·自己說的)

這件事對 Raect? 團隊產生了很大的打擊：有的人失去了信心、有的人很生氣：他們甚至都沒用一下 React? 就噴、都沒有花時間去思考一下 React? 的理念、還有人開始進行了反思：在 Facebook? 他們是一個規模較小的團隊，當團隊中有質疑或是不理解的聲音出現時，他們可以把大家拉到一個小會議室里去面談，當眾去用自己的觀念來說服大家。同時也會為大家答疑解惑，消除大家的疑慮。但很顯然他們不可能把全世界所有質疑的聲音都叫到 Facebook? 來開會，也不太可能在每條評論下面挨個的去反駁，這樣顯得 React 團隊跟個杠精團隊一樣，很可能會取得適得其反的反作用。

當時比較流行的觀念是關注點分離原則，就是說你不應該把 HTML、CSS、JavaScript 寫在一起，應該把它們仨分離開來：

這就是當年的最佳實踐，React? 的理念恰好和當時的最佳實踐背道而馳，這理所當然的會令大家感到不爽。那么大家有沒有想過為什么明明違背了關注點分離原則，但 React? 卻還是能夠一路高歌猛進沖向神壇。這是因為雖然 React? 違背了當時的關注點分離原則，但卻創造了另一種更為先進的關注點分離原則。想想看是不是這么一回事，在那個年代并沒有組件化的概念，所以關注點分離指的就是 HTML、CSS、JS 三權分立。雖說這樣做在一定程度上確實提高了可維護性，但為什么不能根據功能、根據組件來進行分離呢：

所以說并不是歷史在開倒車，大家只注意到了違背 HTML、CSS、JS? 的關注點分離原則，但卻沒有注意到 React 開創了以組件為單位的新關注點分離原則。然后就出現了菜雞們質疑大佬們的一幕：

他們覺得 Facebook? 的工程師都是傻X?不會寫代碼，想了一些明顯違背了最佳實踐的主意就敢對外進行宣傳。這些言論讓 React? 團隊感覺這款框架在 Facebook? 以外的世界不會有任何前途，然而令他們感到意外的是：第一個用 React? 的程序員(非Facebook?員工)在用了一段時間后覺得這玩意非常棒！并在互聯網上幫 React 說了很多好話。我們一起來看一下她的經歷吧：

她當時正在開發一款比較復雜的數學編輯器，用的是 backbone.js?，但隨著應用越來越復雜，狀態管理也變得越來越難。正在這時她發現了 React?，感覺這玩意能夠解決很多她所遇到的問題，事實也確實如她所料，就這樣她成為了 React? 的第一個粉絲。在使用了一周后她寫了一篇類似于觀后感一樣的帖子，在帖子里她說自己剛剛用 React? 重寫了 2000? 行代碼的一個應用，并且還給 ?React? 提了 ?PR?。到目前為止她所看到的 ?React? 相關的一切似乎都是經過了深思熟慮后的設計，她很榮幸能夠成為 React? 的第一個非 Facebook 用戶：

在評論區有人問她：React 跟其他流行框架比起來怎么樣？

她對 React 做出了非常高的評價：

我最喜歡 React? 的一點就是它特別易于理解，舉個例子：如果你在 Angular? 的文檔里去看《如何編寫一個指令》這一章節時(在當年的 Angular? 里，一個自定義指令就相當于一個可復用的組件了)，它需要先解釋一遍指令的優先級、指令的編譯和連接之間有何不同、如何創建一個新作用域等… 這些東西全都是 Angular? 特有的發明創造。但在 React? 里你只需要理解 JSX? 語法，剩下別的全都是 JavaScript?，你的 JS? 技能在這里能夠得到完美的發揮，我認為 React 比其他框架都要好。

愛 React?！并且我現在正在勸我同事們跟我一起用 React??

不過隨著時間的推移，她發現 React? 在某些情況下并不像她自己預期的那樣運行，有一些小 bug?。因為那時候 React? 的用戶很少，幾乎就只有 Facebook? 的員工在用，所以有些 bug?他們暫時發現不了。有人可能會問為什么發現不了？難道是 Facebook? 的產品線不夠多？應用不夠復雜？這么說吧！大廠都是有一套代碼標準的，在大廠工作過的同學應該知道入職后首先會先讓你通讀代碼準則，從而限制住你的個人發揮。Review? 的時候組長看到一些不太容易理解的騷操作后通常也會讓你改寫成普通寫法，不讓你寫的太騷，太騷的話除了讓別人看不懂之外，還有可能寫出一些難以排查的 bug?。但用 React? 的不一定非得是大廠員工吧？自由是一把雙刃劍，在高手的手中能發揮出巨大的威力，但在憨憨的手中就容易寫出：臥槽！還能這樣？的代碼。當然不是說這位女主是憨憨哈，只是說過于自由的寫法在某些邊界情況下容易出 bug?，因為 React 團隊從來就沒想過：臥槽！怎么還能寫成這樣？

于是乎她加進了 React? 的聊天群，React? 的核心維護者們都在這個群里，大家看到有妹子加進來之后都很興奮：

各位大佬們事無巨細的指導著妹子，妹子也很快就理解了 React?，從而幫助更多的人，為 React?做出屬于自己的一份貢獻：

他們認為這名來自 Facebook? 之外的用戶對 React? 起到了很重要的推進作用，因為在很多場合她都在夸 React? 有多好。如果是 Facebook? 自己人夸 React 的話，那就有種王婆賣瓜自賣自夸的感覺，就像是每次去買水果時總會聽到有人會問：老板你家瓜甜么？在我眼里看來這就是句廢話，因為我從來沒見過哪家水果店的老板在遇見這種問題時會說自己家的瓜不甜的：

后來她慢慢成為了 React 的核心團隊成員：

他們每周五都會有一個 React? 討論會，每次都會邀請她一起，所以她每周五的下午都會專門請半天假來到 Facebook? 總部與各位 React? 大佬們一起探討 React?。正是她的出現為 React? 團隊帶來了信心，他們決定開始寫文章來講解 React? 知識點，或者每次都和單獨的一個人進行對線，以改變這個人對 React? 的看法。有人可能會說每次都改變一個人的觀點這得改變到啥時候去呀？大家不要小瞧了一個人的力量，這個人很有可能會在無形中造成一傳十、十傳百的裂變效應。可以拿Vue3? 來舉例：Vue3? 在剛出的時候也是有特別多的人都在質疑，如果你還在猶豫要不要上 Vue3但你看到的評論都是：

那我為什么不用 React？

這是抄襲的 React 吧？

這樣豈不是會寫出意大利面條般的代碼？

看起來沒有 Vue2 簡潔了…

看完后很可能就會放棄上 Vue3 的念頭了，但如果有人用了并且還覺得不錯，哪怕只有一個人說：

已經用 Vue3 重構了，真香！

也說不定就會改變很多人的想法，這條評論下很可能會多出來好幾條評論都在問：感覺怎么樣？有沒有 bug? 之類的評論。如果得到的都是一些很積極的回復，那么很可能就會帶動另一批還在猶豫中的人，那些人在用了之后又會把積極的信號傳遞給其他人，就這樣 Vue3 已經不再是當初那種質疑聲非常多的狀態了，取而代之的是目前比較積極的狀態。

React? 也是同理，他們后來在 JSConf? 歐洲站的時候不再說我們這個框架有多么多么好、你們應該趕緊來試試，這樣反而會引起別人的逆反心理。取而代之的是說這個框架很有意思，怎么個有意思法呢：為什么能在 JS? 里寫 XML 代碼、這最終都會生成些什么、我們在開發時都遇到了哪些問題… 這樣一下子就引起了大家的共鳴，并開始能在推特上看到一些正面的回復了。

再后來他們吸引到了來自函數式編程世界的大佬，函數式大佬自然很喜歡函數式的框架，于是免費幫他們帶貨宣傳，寫了一篇名為《JavaScript MVC 框架的未來》：

在文章中他用數據可視化的形式證明了 React? 性能在 Backbone 之上：

這在很大程度上消除了人們對 React? 虛擬 DOM? 性能的擔憂，從那以后好多人的態度從：我永遠都不會用這個叫 React 的框架轉變為：有點意思，我準備試一下，我沒說準備用它我只是覺得可以先試一下。

正是這種態度的轉變導致了接下來的兩年時間 React? 的周邊庫呈爆發式增長，出現了一大堆狀態管理庫、一大堆路由庫還有一大堆服務端渲染策略等… 同時 React? 的用戶量也隨之水漲船高：

有很多大公司都開始相繼用上了 React?，比方說雅虎、奈飛等… 那時候奈飛的網站是用 Java Web? 來進行構建的，構建速度非常慢，一次就要十五分鐘左右，所以他們準備找一個更現代化一點的解決方案。那時候他們已經注意到了 React? 但還是有點擔心，因為 React? 還是有點新，他們希望構建出來的網站架構能在接下來的十年內都不要有什么大的變動。如果說 React? 過兩年爛尾了或者被淘汰了那他們還得再次重構，所以他們出了兩撥人，分別給了他們一個月功夫讓他們來構建個應用。一隊用 React? 另一隊用 Backbone?，一個月后勝出的毫無疑問是 React?。于是他們公開稱贊了 React?，這無疑讓 React 的形象更加高大上了起來：

后來推特上越來越多的人提議讓 React? 舉辦場會吧！于是他們準備舉辦，沒想到僅用半分鐘門票就被搶購一空，網站都崩了。他們當時還沒意識到 React? 到底已經發展到了什么程度：

看到 React 已經有這么多粉絲了真的給他們樂的不行，開心到嘴都合不上了：

在會上他們還宣布了許多其他的重磅項目，其中就包括了 React Native：

話說他們公司這個小單間還挺有意思的：

重磅人物

真正重磅的人物往往都是最后一個出場的：

他就是大名鼎鼎的 Dan?，雖說聽過他的大名，但我對他的了解僅限于他是 Redux? 及 React DnD? 的締造者、俄羅斯人、后被招至 Facebook? 倫敦分部參與 React 的維護及其他產品的開發、年薪大概十幾萬美金…

雖說履歷非常優秀但我還是不太明白他為什么能比別人都火，畢竟別人也不是吃素的啊！在座的哪位不都是萬里挑一的大佬，那么接下來我們就來看一下這個叫蛋的男人究竟有何過人之處：

主持人說他很 shy?，從他的行為舉止來看確實是有些靦腆，可惜這里貼不了視頻你們只能看動圖。因為如果聽他講話的聲音甚至會感覺有點“娘”。很難想象這是一名以“戰斗民族”所著稱的俄羅斯人，Dan 成功的扭轉了俄羅斯人在我心目中的強悍形象，他說：

首先聲明一點：React? 不是我創造的，而是由喬丹·沃克(Jordan Walke)創造的

這讓我對眼前這個瘦瘦的小伙子感到更加的好奇，他肯定是有什么過人之處所以才會讓不少人覺得 React 是他寫出來的。當年他在一家小型初創公司任職，職責是創建一種有著復雜交互效果的數字發布平臺：

一開始用的是 Backbone?，后來開始用 React?，因為他感覺 React? 更能解決他們所需到的一些問題。他寫的第一個 React? 組件是一個點贊按鈕，不要小瞧了一個小小的點贊按鈕，因為在點贊之后還有很多種狀態：你喜歡這個視頻、你和你的好友Xxx?喜歡這個視頻、你和其他40名用戶喜歡這個視頻…

在別的框架里寫這些東西很麻煩，需要手動監聽變化然后再進行更新。但在 React 里寫法非常自然：

// 偽代碼
import React from 'react'

export function Like (props) {
  if (nobodyLike) {
    return <.../>
  } else if (onlyYouLike) {
    return <.../>
  } else if (...) {
    return <.../>
  } else {
    return <.../>
  }
}

于是他們用 React? 重寫了整個應用程序，并且在此期間還在一直發布新功能。React? 大大加快了他們的開發速度，讓他們能在重構舊功能的同時還能再發布新功能。這就是為何 Dan? 有點愛上了 React 的原因：

但當時 React? 的生態比較荒蕪，啥玩意都需要自己寫。他敏銳的察覺到了一個巨大的機會，于是他的第一個與 React? 相關的開源項目誕生了：

現在看來熱更新是再普遍不過的功能了，但在當時這玩意能大幅提升開發體驗，他還專門錄制了視頻來演示，這讓他一炮而紅。并且在 React Conf 上也大力夸贊了他的大名以及他的項目

后來他想加點更有意思的東西進來，于是他瞄向了一位名為維克多的大佬所演講的時光旅行：

注意看超級瑪麗上方的那個時間軸，如果我們能讓我們的程序擁有控制時間軸的能力，那豈不就像是在看一段有時間軸的視頻么。我們做過什么操作都可以通過拉動進度條來進行還原，這就是大名鼎鼎的 Redux：

后來他去見了陳靜(音譯)，還記得前面說過的 Flux? 架構吧？Redux? 是 Flux? 的實踐者，她說 Facebook? 現在正在倫敦招人呢，想來不？想來的話找姐啊！姐姐幫你內推！于是 Dan? 就這么進入了 Facebook，所以說你光有技術還不夠，你還得有人！

尾聲

到了這一步就開始感謝各位開發者了，請記住他/她們的面孔，正是ta?們在背后的付出才有了如今的 React：

鏡頭回到主持人這里：

Misko Hevery 說過：一個很棒的解決方案很少是由大型組織所締造的，通常都是由一個充滿激情和遠見的人慢慢開始感染其它人。

這是對 React? 的一個很好的總結，視頻前面的幾位大佬經常說到那個叫喬丹的男人非常興奮的找到他們說自己想出來了一個超級 cool? 的 idea?，然后嘰里哇啦的給他們講了一大堆理念把各位大佬們都講懵了。直到后來大家慢慢接受了他的理念并一起完善它、再到干掉內部的其他競爭對手框架、再到開源、再到說服 Facebook 以外的人接受它。

影片的最后他們還做了段炫酷動畫，我們一起來欣賞下：

視頻結束后出現了一位笑容非常甜美的小姐姐：

眼熟不？想不起來的話我來提個醒：在 Vue 紀錄片最后也有這么一段，畢竟是出自同一團隊之手。

意猶未盡不？意猶未盡的話咱就再看看評論區里都說了些啥吧：

老規矩，機譯下：

總結

沒想到 React? 剛開始推出的時候會遇到這么大的阻力，更沒想到 JSX? 在當時那么不被大眾所接納。不過感覺說的確實有道理：大家只看到了違背 HTML、CSS、JS? 的關注點分離原則，但卻沒看到 JSX? 所創造的新關注點分離原則。這也是為什么像 Vue? 這種把 HTML?、?CSS?、?JS? 全都寫在一起的行為明明看起來就是在開歷史的倒車，但用起來卻比以往符合關注點分離原則的那些方案更加舒適的原因所在。新時代的關注點分離原則的關注點在于組件，而不在于 HTML、CSS? 和 JS，更沒有必要強行把原本不需要分離的內容分離出去，除非是一個過于龐大的組件才應該想著該怎么去拆分成更細粒度的組件。

各位如果看完本文意還猶未盡的話可以再看看這篇：

《看完 Svelte 紀錄片才知道它為什么在國外比國內火》

Svelte? 的故事同樣也很精彩，并且沒有他們這種大公司那么多的扯皮事。其實 Svelte? 的語法更加激進，但卻沒有遇到像 React 剛開始時的那種艱難險阻。這讓我想起了一句絕世名言：

當你能夠輕松進入的時候，不是因為你有多厲害，而是因為有前輩為你拓寬了道路。——— 沃·葉布智道誰碩德(我·也不知道誰說的)

感謝 JSX? 為所有把 JS? 和 HTML 寫在一起的各大框架們拓寬了道路！