Rediscover useEffect and when to use it
開發時不要預想用 useEffect 處理,但如果 code 難以閱讀、管理,或是要避免每次 update 都執行的 function,那才來考慮使用 useEffect。

Keep curiosity alive.
開發時不要預想用 useEffect 處理,但如果 code 難以閱讀、管理,或是要避免每次 update 都執行的 function,那才來考慮使用 useEffect。
分享個關於 CSS animation performance,後面會提到自己在專案上遇到相關的問題。提醒如果你需要使用 animation 的話,盡量能用只需要 Composite 的 style,避免對畫面造成可能的負擔。
假設你有針對 google page speed、lighthouse 優化過,應該會特別有感觸,該如何才能讓網頁載入更快。接下來討論如何讓畫面渲染載入更快,以及一些最佳化使用方式。
JavsScript 的 closure (閉包) 是什麼? 假設你有在寫 javascript 的話,你可能每天都在用,但你只是沒特別查覺而已。
React 有提到 state 的更新,都必須要是 immutable,當你有使用到 useState 或是 pureComponent、shouldComponentUpdate,你就會發現問題。
會以 Puppeteer 在 react 專案上跑 End to End Test。puppeteer 是由 Chrome DevTools team 團隊開發的,它是一個 node library 工具,提供 API 讓我們控制 chrome 或 Chromium,模擬執行各種功能。
IOS 11 開始預設開啟 prevent cross-site tracking 的設定,這會導致第三方 cookie 無法設置,若要完美處理 Block third-party Cookie 唯一解法就是改用 local Storage 或是 Session Storage。
redux 核心流程 dispatch action => reducer => store,當你用 redux 運行多個 dispatch 時,每一個 dispatch 都會獨立更新下去的,如果你的更新資料又彼此關聯,就可能會發生錯誤。
單元測試在我剛寫程式時,認為測試 case 是自己預期的,還主觀的認為沒什麼用。但我在實際寫幾個測試後,能更專注在預期判斷 input output,也有助於你思考 function 架構更清楚。接下來就來針對 react hooks 做 component testing。
如果你有多個網站服務,每個服務又是各自在不同網域上,就會遇到一個棘手的問題,無法確切的追蹤使用者數據。google analytics有提供跨網域追蹤,讓我們解決這個問題,後面就來嘗試跨網域追蹤設定。
React為了解決props 需要傳很多層問題,就在v16.3 更新 context API 的功能,context API 主要功能就是跨元件傳遞資料。利用createContext 建立context,並搭配Provider、Consumer、contexttype、usecontext 跨元件取值。
分享一個google analytics滿好用的功能,設定User Id,可以讓你直接在報表上找出這個使用者的flow,包括停留時間等等詳細數據,假設你搭配會員系統給予id的話,你也能夠跨裝置的追蹤數據。
React發布了幾個月的Hooks,最近也開始嘗試接觸,後面會稍微提一下PureComponent,不會介紹hooks各種特殊用法,就只針對hooks performance優化做介紹。
分享如何建立app script api管理讀取、更新excel表單資料,簡單講就是API的CRUD,並且製作一個可以用的簡單畫面,串接api更新訂單狀態。
分享一點最近處理lazyload心得,lazy loading image 對網站是很合理的處理優化,使用者沒看到的區塊本來就不需要浪費網路載入。