前端優化的部分可以分很多層面來探討，今天要提到的是 reflow、repaint。
要怎麼把 Electron 專案打包成 exe 或是安裝檔呢? 相信不少人也跟我一樣，在打包時碰到許多問題，這邊介紹的打包工具是 electron-builder，應該是我目前用過最簡單的打包工具了。
這邊會希望做為自己的筆記，所以我會把網路上的資料透過自己的統整後簡短的列下來，希望除了介紹 React 是什麼以外也能幫助大家理解一下 React 的原理。
這邊紀錄一下一些好用的功能，以免忘記。
官網介紹 : webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it…
reduce() 方法將一個累加器及陣列中每項元素（由左至右）傳入回呼函式，將陣列化為單一值。
這邊介紹一下 JavaScript Array 裡面的 reduce 方法，用法如下 :
const array1 = [1, 2, 3, 4];const reducer = (accumulator, currentValue) => accumulator + currentValue;
安裝原生模組(Native Module)
像是 node-ffi 就是一個原生模組，我通常會用它來使用 C++ 的 DLL，比較要注意的是如果你的開發環境是在 Electron 內的話，因為 Electron 可能跟你 node 內的 v8 會有版本落差的問題，所以你透過 npm 安裝 native module 之後還要再 rebuild 一次。
Decorator 是一個典型的 AOP(Aspect-Oriented-Programming) 應用，HOC 的概念跟他很像，基本上是相輔相成的東西，不了解 HOC 的朋友可以稍微看看這篇的介紹。
下面以 React-redux 的 connect 作為範例，來看一下 HOC 與 Decorator
React 文檔內提到關於 HOC 的定義 :
HOC 就是一個函式，該函式接受一個 React.Component(Wrapped) 作為參數，且回傳一個新的 React.Component(Enhanced)
實作 HOC 時有一點很重要，盡量要確保不會因為操作而破壞原有的 WrappedComponent。
會把 auto complete 當作一篇新的文章，主要因為 30 天精通 RxJS 裡面有這個範例，而且有很多 RxJS 的應用，需要開一篇來好好記錄一下
先上程式碼
