Photo by Krisjanis Mezulis on Unsplash

前言

通常前端都會導入一些好用的第三方套件,但是有時後導入的套件並非是基於 es module 進行開發,webpack 沒辦法發揮 tree shaking 的功能,在 import 時一不注意就會載入一堆沒有必要的 function。

在這篇文章中以 lodash 作為舉例, lodash 是個能夠幫我們處理各種資料的函式庫,減少寫一些比較瑣碎的程式碼 …


Photo by Marvin Meyer on Unsplash

前言

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


Photo by eberhard grossgasteiger on Unsplash

前言

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


Photo by Daniel Balaure on Unsplash

當兵前…

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


https://reactconfau.com/

前言

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

如果你 …


https://reactconfau.com/

前言

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

這篇筆記包括兩場演講,分別是 react-final-form …


https://primer.style/components/

前言

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


https://reactconfau.com/

前言

工程師平常除了開發系統之外,另外一項很重要的活動就是參加研討會,可以在幾十分鐘內吸收到他人鑽研許久的知識,是提升自己能力好的機會,因此,就想說可以找找看有沒有不錯的 React 相關國外的研討會。

大家都知道 ReactConf 是 react 開發社群一個非常大的年會,除了在美國舉辦的之外,也有另一場在澳洲舉辦的年會,在看過這場 Conf 以後覺 …


Photo by ZQ Lee on Unsplash

前言

MDN 上是這樣說的:「ECMAScript 6 中引入了類別 (class) 作為 JavaScript 現有 prototype-based 繼承的語法糖。class 語法糖並不是要引入新的物件導向繼承模型到 JavaScript 中,而是提供一個更簡潔的語法來建立物件和處理繼承。」

如果說只是個語法糖,照理來說 class 應該跟使用 func …


Photo by Nathan Anderson on Unsplash

前言

在 JavaScript 的世界中,要生成一個物件仰賴的都是 constructor,藉由 new operator 生成 constructor 的 instance。我們先來看一個簡單的例子,首先建立一個 User ,這個 User 便是一個 constructor,然後利用 new operator 建構 User 的 instance。

有時候 …

Airwaves

每天進步一點點,在終點遇見更好的自己。

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store