Git: Cherry-pick - 選擇某個分支的某些提交記錄

在開發階段的尾聲,準備合併回主線時,老闆說「B、C 功能會在這次上線,A 功能再等等吧」這時候就不是每個 Commit 都需要合併至主線了,而是挑出需要的就好,又為了維護主線的乾淨整齊,合併後只能有一個提交記錄。這要怎麼做呢?

git cherry-pick git Sourcetree


Git: 比較 Merge Squash 與 Rebase Squash

比較 Merge Squash 與 Rebase Squash。

git rebase git Sourcetree


Git: 更新分支+解衝突

更新分支+解衝突。

git rebase git merge git Sourcetree


BEM

BEM 是一種 CSS class 命名的設計模式,將介面切割成許多獨立的區塊,以區塊(Block)、元素(Element)和修飾子(Modifier)來命名,優點是以元件觀念進行開發,具有重用性。 它擁有 OOCSS 的架構清楚的美好,也沒有 SMACSS 複雜或令人混淆的部份,因此 BEM 是一個很優秀的 CSS 架構指南。

BEM css


React.js: Higher-Order Components (HOC)

Higher-Order Components(HOC)是一個函數,可代入元件(Component)作為參數,並回傳一個新的元件。使用 HOC 的目的是將通用的邏輯放在 HOC 中,變動的部分就由代入 Component 的 props 和 state 傳入即可。

react.js 吃什麼


建立一個 React Component 並發佈到 NPM 上

簡單記錄如何建立一個 React Component 並發佈到 NPM 上。

react.js styled-components npm css BEM


redux-promise

redux-promise 是一個符合 Flux Standard Action(FSA)規範且專門給 Redux 所用的 middleware。redux-promise 接收 promise 作為輸入,並回傳 resolved 結果。

redux promise