Homepage
Open in app
Sign in
Get started
Hannah Lin
Life in the U.S.
React / JS /TS
Unit & E2E Testing
Cyber security
Interview
前端工程師用 js 學演算法
React & TypeScript
[TypeScript] The `extends` keyword
[TypeScript] The `extends` keyword
extends 在 TS 裡是一個非常重要的關鍵字,並且分別用在兩種完全不同的地方
Hannah Lin
Jan 6
[TypeScript] Generics 的使用情境
[TypeScript] Generics 的使用情境
不預先指定具體型別,只有在使用時才指定型別
Hannah Lin
Jan 2
優雅的在 React 中使用 TS
優雅的在 React 中使用 TS
學習常見 React Prop Types,例如跟使用者互動的 Event Types、children 該用什麼 type、客製元件該怎麼使用 ComponentProps 繼承 native element 等等
Hannah Lin
Nov 1, 2023
成為資深前端工程師的第一步 JavaScript Best Practice
成為資深前端工程師的第一步 JavaScript Best Practice
Code must be as clean and easy to read as possible , best practice also can avoid error
Hannah Lin
Apr 19, 2022
初探 MobX
初探 MobX
Simple, scalable state management 狀態管理工具
Hannah Lin
Feb 14, 2022
[React Hook 筆記] Custom Hooks 之打造自己的 Hook
[React Hook 筆記] Custom Hooks 之打造自己的 Hook
打造客製化 Hooks 其實相當容易,基本上也只有 “必須以 「 use 」為開頭命名的 JavaScript function” 一個規則要遵守
Hannah Lin
Jan 20, 2022
[React Hook 筆記] useLayoutEffect
[React Hook 筆記] useLayoutEffect
還是應使用 useEffect 為主,除非遇到閃爍問題才需嘗試用 useLayoutEffect替換,因為他是 synchronously 所以會有效能上的考量。
Hannah Lin
Jan 13, 2022
[TypeScript] Types 十全大補中— Mapped Types
[TypeScript] Types 十全大補中— Mapped Types
Mapped type loops over all of the possible keys, and determines the appropriate value type for each key
Hannah Lin
Nov 11, 2021
lodash 裡的 FP 函式實在太好用啦 — 實戰篇
lodash 裡的 FP 函式實在太好用啦 — 實戰篇
介紹如何在實戰中使用 FP函式 _.cond、_.flow
Hannah Lin
Oct 7, 2021
用 ts-migrate 仙女棒讓 JS 專案瞬間migrate 成 TypeScript
用 ts-migrate 仙女棒讓 JS 專案瞬間migrate 成 TypeScript
由 airbnb 開發的工具讓你專案能很快能轉換成 TS
Hannah Lin
Jun 27, 2021
[TypeScript] The Very Basics for TS
[TypeScript] The Very Basics for TS
Type Inference & Annotation、Primitive Types、Object Types、Function Type、Enums Type、typeof、keyof
Hannah Lin
Apr 18, 2021
[React Hook 筆記] useReducer 真的能完全取代 Redux 嗎?
[React Hook 筆記] useReducer 真的能完全取代 Redux 嗎?
先回答標題的答案,不能! 完整解釋放在最後
Hannah Lin
Mar 21, 2021
[React Hook 筆記] 從最基本的 Hook 開始 useState, useEffect
[React Hook 筆記] 從最基本的 Hook 開始 useState, useEffect
本來不想寫這篇的,因為網路上實在太多關於 useState 跟 useEffect 文章,但還是想要把一些重點寫出來
Hannah Lin
Jan 29, 2021
[React Hook 筆記] useContext
[React Hook 筆記] useContext
Context Object 是被 createContext() 這個 API 所建立,裡面有兩個子元件 Provider: 傳遞 value 這個值 Consumer: 接收 value 這個值
Hannah Lin
Jan 25, 2021
[React Hook 筆記] useRef
[React Hook 筆記] useRef
useRef 神奇的地方除了可以在不 re-render 的狀態下更新值,也可以直接抓取 DOM 進而控制 DOM 的行為 (Imperative)
Hannah Lin
Jan 20, 2021
[React Hook 筆記] Memorized Hook- useMemo, useCallBack
[React Hook 筆記] Memorized Hook- useMemo, useCallBack
把東西用 useMemo/useCallback 存起來就不用每次重新 render 拖慢效能
Hannah Lin
Jan 15, 2021
2020 IT 鐵人賽之 — 開始用 javaScript 學 Functional Programming 囉
2020 IT 鐵人賽之 — 開始用 javaScript 學 Functional Programming 囉
我懶得把 30 天文章都般來這,但 medium 又只允許放一個外部連結,只好多發一篇文把目錄都放在這
Hannah Lin
Dec 9, 2020
[Jest+Enzyme 3] 運用在真實世界中的 React/Redux Project — 實作篇
[Jest+Enzyme 3] 運用在真實世界中的 React/Redux Project — 實作篇
這篇測試會涵蓋一個小型 react-create-app + redux 需要的所有完整 unit testing
Hannah Lin
Apr 23, 2020
[Jest+Enzyme 2] 運用在真實世界中的 React/Redux Project — 預備篇
[Jest+Enzyme 2] 運用在真實世界中的 React/Redux Project — 預備篇
擷取到美國後學習的精華
Hannah Lin
Apr 19, 2020
About Hannah Lin
Latest Stories
Archive
About Medium
Terms
Privacy
Teams