feat. babel-import-plugin, lodash-es — 前言 通常前端都會導入一些好用的第三方套件，但是有時後導入的套件並非是基於 es module 進行開發，webpack 沒辦法發揮 tree shaking 的功能，在 import 時一不注意就會載入一堆沒有必要的 function。 在這篇文章中以 lodash 作為舉例， lodash 是個能夠幫我們處理各種資料的函式庫，減少寫一些比較瑣碎的程式碼 …

2022/10/03~2022/10/07 — murmur 一下… 這個技術部落格已經許久未更新，距離上次產出竟然是 7 個月前，而且這次寫的內容還不是技術相關的內容，讓我想要再度提筆寫下的竟是教召的故事，自己也覺得有點好笑 😂 之前曾經寫過當兵的心得文，介紹了在北埔新訓四個月的經歷。接下來就讓我來跟各位介紹在一週內教召的心得，跟遇到兩顆流星的故事吧！ 消失的 4個月，在北埔新訓的日子 E0122T 義務役到此一遊medium.com 我是在 2021/3 月初的時候退伍的，沒想到在新訓退伍後 1 年半就被教召了… 雖然收到教招通知單的時候，心底很不開心，因為必須要放下手邊的工作，並失去 5 天的自由時間，無論怎麼想都令人感到沮喪。不過，後來和許多人分享這件事，有些人說進軍營可以暫時卸下工作的壓力，讓自己無憂無慮的生活 5 天（加上國慶連假共 10 天），但我卻更喜歡工作的時光，回想起教招的 5 天，其實難以忍受無事可做的時間。

取代 addon-knobs 的官方插件 — 前言 在 2020 年以前使用 storybook 想要動態地操作 component 的 props 通常都是使用 @storybook/addon-knobs 這個套件，而在 2020 作為它的替代品 @storybook/addon-controls 出現了。從下載數來看，短短一年之間，controls 的下載次數急起直追，到了寫這篇文章的時間點 …

一個使用 useReducer 比 useState 更好的個案 — 前言 React Hooks 提供了兩個管理狀態的 hook，分別是 useState 跟 useReducer，你在寫 component 應該經常會想「什麼時候該用 useState，又在什麼時候才用 useReducer」，「 useReducer 跟 redux 這麼像，幹嘛不用 redux 就好」，「沒事 React 團隊幹嘛抄一個這麼像 r …

E0122T 義務役到此一遊 — 當兵前… 4 個月前，我剛入職 Hahow 不久，天天都專注在如何盡快地步上軌道，希望能開發一些令人驚嘆的功能。時間一天一天的過，就在就職快要滿一個月時，突然一顆炸彈來到腳邊，我看到家人傳的 Line 訊息，以爲是日常的問候，結果點進去後才發現是徵招令，也就是所謂的兵單，看到上面寫著我的名字，並要求在 11 月 17 日早上 9 點準時在花蓮火車站報到，心 …

前言 前陣子研究了 GitHub 的 Primer 這套 design system，了解其內部的程式碼核心是如何設計，但是仍不得其解 Primer 的「設計」是如何與「工程」搭上邊的，剛好 ReactConf AU 便有一場演講是由 Seek 工作的 Mark Dalgleish 分享他的心得歷程，訴說他是如何建立一套 design system。 如果你 …

前言 之前看了 4 場 ReactConf AU 2020 的演講後，最近又陸續看了幾場，每一場真的都收益良多。但是礙於 medium 寫文章的長度，只能先整理 2 場跟大家分享。在整理了 2 場的演講筆記後，當我在整理第 3 場時，突然跳出通知說 medium 無法儲存太長的文章 😅。 這篇筆記包括兩場演講，分別是 react-final-form …

Styled Component + Styled System = GitHub/Primer — 前言 為什麼會知道 Styled System 這個套件，是因為 GitHub 的 designer director — Diana Mounter 在 React Conf AU 2020 演講的題目「Themeability is the path to dark mode」認識了這個工具。Diana 在演講中提到 GitHub 建構了一套 de …

前言 工程師平常除了開發系統之外，另外一項很重要的活動就是參加研討會，可以在幾十分鐘內吸收到他人鑽研許久的知識，是提升自己能力好的機會，因此，就想說可以找找看有沒有不錯的 React 相關國外的研討會。 大家都知道 ReactConf 是 react 開發社群一個非常大的年會，除了在美國舉辦的之外，也有另一場在澳洲舉辦的年會，在看過這場 Conf 以後覺 …