New features

1. fragments
2. error boundaries
3. portals
4. custom DOM attributes
5. improved server-side rendering
6. small lib size
7. better render perf (with react-fiber)

https://github.com/facebook/react/issues/10686v15
render functional component tree x 115,932 ops/sec ±4.10% (55 runs sampled)
render class based component tree x 255,407 ops/sec ±4.46% (58 runs sampled)
render class that renders functional components x 252,045 ops/sec ±5.47%…

本篇將會介紹 webpack 3 中常見的優化方式 包含問題分析，plugin介紹等等

優化成效

1. 大部分的情境下，使用者用量(專案為內部使用者為主) 從 3.6 MB 降到 51 KB (app) 降為原本的 1.38 % (縮減 98.62 %)
2. 在完全沒有 cache 機制，必須重拉 vendor 情況下 也是從 3.6 MB 降到 726 KB (app + …

之前幾個專案都已經直接使用 webpack v2 以上, 但剛好這次手邊有一個專案還在使用 v1, 所以這邊就一起跟大家介紹如何無痛升級到最新版 (v3.6), 包括 loader / plugin 的一些改變，其實大部分都沒變，只有一些關鍵字跟配置調整。

更新方式

yarn add --dev babel-core babel-loader babel- …

日前，Facebook 發布了全新的 JS 套件管理工具 Yarn，如果你常發生以下幾個問題，我想 Yarn 會是你的解決方案

1. 「同事電腦 npm install OK，我卻 npm install 掛掉」，通常就是因為套件內部相依關係與你之前的檔案衝突，所以只好常常得先 sudo rm -rf node_modules/ 再重新安裝。
2. 沒網路，np …

It’s an article response to the article How it feels to learn JavaScript in 2016

Recently, we’ve heard too many terms in JS community in 2016. Why? So, let’s talk about these.

Core Code

Who started the war? Angular 1.x

At first, it’s just a small JS lib reinvented from jQuery to handle relationship among view, logic, and…

中職球季正式超過 1/3，此時也進入義大犀牛的關鍵爭冠期，特別是與目前聯盟排頭中信兄弟的剩餘六場賽事，場場都關係到上半季冠軍的角逐。然而，從開季前各界的不看好，一直到現在被譽為投打均衡的爭冠陣容，究竟跟過去幾年有什麼不一樣？還有哪些地方可以再加強或是高度期待的呢？

帶兵帶心的教練團

教練團的更迭幾乎可以說明為何義大成軍前三年屢屢功虧一簣的關鍵，從2013 的徐總驟逝，該年度下半季逐漸走下坡，最後總冠軍被橫掃出局；緊接著 2013~2015 球季連續不間斷地更換教頭，不安定感不只影響軍心，也影響了教練團間的默契與整體性。

然而 2015 下半季回歸台灣的葉總，在 2016 球季前就確立新一年度的葉家班教練團，主要以當初興農稱霸時期的成員(鄭兆行、張家浩)為核心，也重新給了牛迷新的期待。此外葉總的帶兵風格鮮明，強調流暢的節奏，投打守均衡，以及整體的默契性。至少在該隊球迷支持度上，可以很明顯看出球迷對於葉總帶兵帶心方式讚譽有加。而上一個給球迷期待與同樣感受的教頭，是獅隊三連霸時期的飛總呂文生，相信葉總在未來不僅僅會在牛隊發光發熱，之後在國際賽上也會再出現他的風衣身影。

洋將的選擇與鐵牛棚

從 2013 曼尼季中離開再到 2014 希克被韓職挖角，以及 2015 的雙寶事件，再到今年開季的潘力，屢次都造成戰績的重傷害。所幸很快地，重新找齊了，羅力，力猛，藍斯佛三位先發型洋將。基本上來說，備齊三位能夠吃局數，並維持一定水準的先發洋投，是一個在中職爭冠的基本要素。畢竟在 120 場賽事中，所需要的投手輪值是非常緊湊的。同時，好的先發也給中繼後援的本土牛棚有非常好的喘息機會，再加上教練團球速為上與攻擊好球帶的正確觀念，都讓今年的投手戰力耳目一新。

後段棒次的打擊與守備的安定感

相對於，以前的 N 連星與慘烈的後段棒次，今年的後段棒次實在太讓人驚喜了。從陳凱倫撐起了游擊防線開始，林威廷也完美守住二壘防區，長打也跟著長了出來，有機會在完整球季打出 20+的全壘打，之後替補游擊的羅國麟也快速地補上砲火，讓整個義大後段棒次解放了，至少擺脫了以前自殺 N 連星的稱號。當野手有了守備信心，往往打擊就會表現更好，至少不會像去年內野少了棒子同時連手套都沒了，今年鄭兆行的調教，有目共睹。相信接下來幾週，在個別傷兵(原本的連星好手們)陸續歸隊後，整條打線會更加連貫。

季中選秀

在六月底的季中選秀，相信也會是今年爭冠的重要關鍵之一，幾位年輕砲手的加入，會非常深刻影響下半季的變化。特別是楊岱均、蘇智傑兩位國家隊內野好手，讓人非常期待，一旦他們能夠補上三遊，就能讓羅國麟這類基底是外野手的砲手，重新回到他們舒服的守備位置上。一般而言，選秀最好是能夠在前兩輪選進天分高或是成熟度高的砲手，第三輪以後，再開始補進投手或工具人型野手，畢竟中職僅四隊，即便是第四順位往往都能夠補進優質選手，補洞的結果可能喪失了得到十年大物的機會(不得不稱讚桃猿隊在第四順位連續補進王柏融、林承飛等大物選手)。

一心就是行動，平常心看待

『一心』是牛隊今年喊出的口號，而標題是牛版版標，今年的整體性，真的有別於以往。相信葉總，相信每一位球員，盡全力去支持他們，用平常心看待勝負，相信這次會給牛迷不一樣的驚奇。

『囚犯困境』- 當兩個囚犯願意串供時，他們都能獲得最高利益，無罪釋放，但發現自己的個體優勢策略都是背叛其他人時(例如成為汙點證人)，也只能被迫選擇同時承認犯罪，產生了較差的結果，如圖。

孫子兵法云：『多算勝，少算不勝』。意思是強調綜觀全局，計算多遠比計算少還要更容易在混沌的局勢中取勝。但部分真實情況更為複雜，即便人類以理性之姿計算出各種策略組合，依然會產生『個體最佳策略』不等於『集體最佳策略』的『囚犯困境』。然而在讀完『賽局意識』後，可以了解到囚犯困境是如何產生的，我也針對書中幾種解決此困境的方法來解釋，同時用生活中簡單例子給大家說明。

方法1. 共通資源的『管制』

很簡單，就是大家共同享有該資源，有小至大，從生活周遭到公共資源都是這個範疇。例如社團中心的每個社團個體都不願倒垃圾(對個體最好)，結果就發現垃圾堆滿外面的共有走廊(反而結果更糟)。此時可以建立新的規矩來規範大家。至於公共議題也是，像是一大堆一人汽車造成內湖塞車，台灣漁業的耗盡等都是很明顯的例子。如果沒有透過公權力或是管制，完全依賴市場自由(個人最佳化)，反而會造成某種程度的不效率。

方法2. 產生『聯盟』，形成壟斷或是寡占

這是在多個銷售同質商品的商家中會出現的困境。在自由市場下很容易引起價格戰，此時如果能夠有人或是中介人跳出來，跟大家協調公定價，或是實行買貴退差價，都是逃出囚犯困境的方法。不過有些時候聯盟並非是壞事，譬如農民集體談判，或是像高單價的奢侈品市場。鑽石就是書中一個最佳案例。其實鑽石產量並不少但之所以是高價格，乃自於其長達一世紀的壟斷性，又因為消費者的最佳策略是希望維持高價(鑽石婚戒代表著婚姻至高無上的專一、恆久與珍貴，誰會希望手上鑽石就像黃金一樣變動來變動去呢)，均衡反而變成多贏的結果。(不過這幾年許多公司如大家所喜愛的蒂芬尼，開始脫離該壟斷關係，大家就會發現該均衡開始慢慢移動囉)。

方法3. 威脅與報復

這個方法比較單純容易理解，之所以監獄或是檢察官難以實施囚犯困境給這些犯人，是因為對他們而言，往往留在監獄才是相對安全的選項，坦承出背後主謀或是老大，他們的生命更會受到威脅，因此原本的囚犯困境均衡自然崩解。這也是為什麼有時，極為惡劣的威脅或報復反而會造成恐怖平衡。

方法4. 建立『信任』，取得賽局後動者的『承諾』，讓先動者買單

新成立的購物網站，要如何讓先匯款的客戶不會害怕購物網站提供劣質品呢？此購物網站比起其他店家提供可能更多售後服務，如保固，無條件退貨服務、直營客服等。同理，如果一囚犯願意承諾事後給另一囚犯另一筆錢或是其他服務，就能輕易改變囚犯困境的均衡結果。

方法5. 建立一次次的『合作關係』

之前所敘述囚犯困境是單一賽局，如果這個情況是重複賽局就不一樣了。一旦雙方形成合作關係就容易形成雙贏的局面。例如店家商譽之於客戶買單或拍賣的買賣雙方等等，都能透過之前的數次交易達成合作關係。

以上就是書中五種方式脫離囚犯困境，但真實情況往往要更複雜，我想再跟大家談談一些台灣面臨的問題，要如何藉由透徹賽局，來應用在我們面臨的問題。

談『以租代買』

為了解決高房價，興建『以租代買』的公共住宅成為了許多候選人或是執政者常見的口號或政策方針。我一直很納悶為什麼是租呢，為什麼不是直接提供便宜房子讓年輕人去買去貸就好了，量一多價格就掉了，不是自由市場嗎？

但在現在看來，先不論原本倡議『以租代買』這個理念是什麼用意，我想這個例子很明顯可以跟方法2中的鑽石故事相互對照，甚至可以說在實務上能夠反過來突破目前均衡狀態。第一點：房屋並非產量不足(台灣空屋率相當高)，如同鑽石一樣；第二點：東方人不僅僅有土斯有財，而房子的高單價反而會讓目前持有者不斷施壓影響房屋政策施行，例如殯儀館、垃圾場、公共住宅的位置等等。

如同鑽石一樣，一旦突然不再珍貴也不再代表愛情，那大概就一文不值(可自行google鑽石歷史)，所以真正有效去破解目前這個均衡，除了『以租代買』外，更應該去修法保障租屋者以及租賃契約，同時保障老年者的租屋權利。這些政策，比起你我想像中的，提供相對低價的房屋之策略來得更有效，這就是賽局的有趣。

感謝 Naiyu Kuo 潤稿

參考資料

1. 賽局意識書籍 http://www.taaze.tw/sing.html?pid=14100014453
2. 囚犯困境 https://en.wikipedia.org/wiki/Prisoner%27s_dilemma
3. 全世界最大的鑽石壟斷 https://en.wikipedia.org/wiki/De_Beers

近日讀台大歷史系呂世浩老師所著之「帝國掘起 — 一場歷史的思辨之旅 2」，對於中國古代秦帝國之大起大落有著深刻感想，歷經顛沛流離的秦人究竟擁有什麼樣子性格，才能在這個動盪幾百年的春秋戰國中稱霸呢？又有什麼是台灣人值得借鏡的呢？

『生於憂患，死於安樂。』可說是秦人的最佳寫照，當初在商朝得勢的秦人，在紂王失敗後，被周王室趕往現今甘肅一代之地，以禦西方戎狄。簡單來說就是去當周人的炮灰，如同冰與火之歌之守夜人一般，世世代代抵禦著外面蠻族的入侵，然而無論兩軍是否發生戰事，周王室永遠都是得利者，但這些安排也造就了秦人好戰不屈服的的性格。

在西周末年，正當周王室不再以禮治國時，西戎大舉入侵。而秦襄公也把握了周朝東遷避西戎的機會，擁護周平王並取得分封諸侯並獲得西岐之地，為什麼呢？周王室依然用了以前投機的方式，因為這些分封領土早已被西戎所佔領了，繼續讓秦人當砲灰吧，只不過這次，襄公成功趕走西戎，也正式建立起屬於秦人完整的地盤，代表著秦人終於在數百年後擁有自己的國家。

多年後，秦繆公迎來五羖大夫百里奚以及其所推薦之蹇叔，其二人取材舉賢，不僅僅讓繆公成為當時五霸，也正式奠定了秦國一統天下的基礎。這裡最值得一提的是，繆公面對局勢，求新求變，只要有才，身為外國人的百里奚，他也願意用各種方式納入麾下。比起其他國家君主，繆公更了解治國之理沒有什麼比人才還重要之事。

在戰國時期，秦國的商鞅，張儀，白起三位人才，也分別代表著法治，外交，軍事的三大強國方針。但這裡必須說，雖然秦國取得空前無比的絕佳發展，但也埋下了各種禍根。為什麼？因為國家一時的強盛是可以藉由政治，經濟，外交，軍事來達成的，但要建立所謂的歷史大朝，必須透過文化以及思想才可達成。然而最可惜的是，秦國在立國時僅專注於所謂的『強道』之上，順利崛起卻迅速灰飛煙滅了(同樣這幾位人才也是，可自行查查這三位人才最後的悲慘命運。)

秦人好戰好鬥，圍繞著大敵，但也不會墮落認輸，反而奮發圖強。或許我們可以重新思考一下，台灣人除了最美的風景外還擁有什麼？我們歷經了各國的殖民，同樣資源缺乏，又有大國侵襲的情況下，我們可以怎樣去思考台灣的未來？秦人一樣是面對危機，卻能化為轉機，或許我們不需要像西方的秦國 — 以色列一樣，全力地富國強兵，行強道之路。而是想想身為唯一華人民主自由之地的台灣，是否還有在東亞的一席之地呢？我想秦帝國崛起給了我們一個性格決定命運的最佳啟示。

我們可以富國強兵，我們可以求新求變，我們可以廣招人才，我們可以建立思想，我們可以塑造文化，但如同秦人，我們不能屈服。