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


React.js: Container vs Presentational Components

比較 Container Components 與 Presentational Components。

react.js


React.js: Functional Components vs Class-based Components

Functional Components、Class-based Components 與 Pure Components。

react.js


Git 筆記

設定、指令、疑難雜症。

git rebase git cherry-pick git merge git branch git