半熟前端

軟體工程師 / 台灣人 / 在前端的路上一邊探索其他領域的可能性

Tag: react

前端

migrate react-transition-group

react-transition-group 從 v1 升級到 v4 比較重要的有幾點: 升級後 CSSTransitionGroup 元件被移除了 leave 變成 exit transitionName 變成 classNames transitionEnterTimeout 之類的變成 timeout 物件 transition{Appear, Enter, Leave} 變成 appear, enter, exit…

(繼續閱讀...)#react
前端

從 class component 到 hooks

這篇文章並不會一一介紹各個 react-hooks 的 API,而是試著從設計的角度出發,來探討設計背後的原因。主要會分成幾個段落: Function Component 與 Class Component 的差異 如何在元件中複用類似的邏輯 淺談 high-order component、render props、mixin Function Component 與 Class Component React Function Component 與 React class component…

(繼續閱讀...)#react
前端

React16 重點整理

react 終於正式發佈 v16 了,其實 官方部落格 的介紹已經相當完整(而且賞心悅目)。本篇文章作為筆記與統整,精簡了部分的細節。 1. componentDidPatch(error, info) react16 最亮眼的部分,加入 ErrorBoundary 的功能,確保在 lifecycle 時的錯誤不會影響到整個 component。之前如果在 render 時發生錯誤,會導致整個 component 不見。 只有在 Error 在 lifecycle method…

(繼續閱讀...)#react