https://jacky-dev.com/zh-TW/post/ai2026-06-18T09:35:43.000Zweekly0.7https://jacky-dev.com/images/banners/ai-topics.svgAI 時代，前端工程師該守住什麼？ https://jacky-dev.com/en/post/ai2026-06-18T09:35:43.000Zweekly0.7https://jacky-dev.com/images/banners/ai-topics.svgAI 時代，前端工程師該守住什麼？ https://jacky-dev.com/zh-TW/post/useeffect-cny-key2026-04-06T08:33:42.000Zweekly0.7https://cdn.sanity.io/images/m6hs58oa/production/5ea47025ba2847f4cccc54501c4279c45f3b5050-2750x1536.webp刪除那個不必要的 useEffect：利用元件 key 達成宣告式狀態重置 https://jacky-dev.com/en/post/useeffect-cny-key2026-04-06T08:33:42.000Zweekly0.7https://cdn.sanity.io/images/m6hs58oa/production/5ea47025ba2847f4cccc54501c4279c45f3b5050-2750x1536.webp刪除那個不必要的 useEffect：利用元件 key 達成宣告式狀態重置 https://jacky-dev.com/zh-TW/post/next-js-16-react-19-useeffect2026-04-06T07:47:05.000Zweekly0.7https://cdn.sanity.io/images/m6hs58oa/production/5ea47025ba2847f4cccc54501c4279c45f3b5050-2750x1536.webp升級 Next.js 16 實錄：React 19 時代，是時候對不必要的 useEffect 開刀了 https://jacky-dev.com/en/post/next-js-16-react-19-useeffect2026-04-06T07:47:05.000Zweekly0.7https://cdn.sanity.io/images/m6hs58oa/production/5ea47025ba2847f4cccc54501c4279c45f3b5050-2750x1536.webp升級 Next.js 16 實錄：React 19 時代，是時候對不必要的 useEffect 開刀了 https://jacky-dev.com/zh-TW/post/useshallow-zustand-selector2026-04-06T07:42:26.000Zweekly0.7https://cdn.sanity.io/images/m6hs58oa/production/c7a0791aedecce9686fa51fd95cd7647ebc51fe6-2848x1504.webp告別冗長的穩定化邏輯：用 useShallow 讓你的 Zustand Selector 乾淨又精準 https://jacky-dev.com/en/post/useshallow-zustand-selector2026-04-06T07:42:26.000Zweekly0.7https://cdn.sanity.io/images/m6hs58oa/production/c7a0791aedecce9686fa51fd95cd7647ebc51fe6-2848x1504.webp告別冗長的穩定化邏輯：用 useShallow 讓你的 Zustand Selector 乾淨又精準 https://jacky-dev.com/zh-TW/post/react-custom-hook-cny2026-03-18T16:23:38.000Zweekly0.7https://cdn.sanity.io/images/m6hs58oa/production/0bde6ad7065f86c7ab57712037361fb6f14c642a-1408x768.jpgReact 重構實戰：善用 Custom Hook 封裝邏輯，打造高可讀性的元件架構 https://jacky-dev.com/en/post/react-custom-hook-cny2026-03-18T16:23:38.000Zweekly0.7https://cdn.sanity.io/images/m6hs58oa/production/0bde6ad7065f86c7ab57712037361fb6f14c642a-1408x768.jpgReact 重構實戰：善用 Custom Hook 封裝邏輯，打造高可讀性的元件架構 https://jacky-dev.com/zh-TW/post/sanity-x-next-js-revalidate-tag-post-isr2025-09-09T02:47:51.000Zweekly0.7https://cdn.sanity.io/images/m6hs58oa/production/83763c4ecaa20799f27311fa8b2a97c35db7d60e-675x532.pngSanity x Next.js revalidate tag 動態更新 post (ISR) https://jacky-dev.com/en/post/sanity-x-next-js-revalidate-tag-post-isr2025-09-09T02:47:51.000Zweekly0.7https://cdn.sanity.io/images/m6hs58oa/production/83763c4ecaa20799f27311fa8b2a97c35db7d60e-675x532.pngSanity x Next.js revalidate tag 動態更新 post (ISR) https://jacky-dev.com/zh-TW/post/react-zustand-context-store2026-04-23T15:34:58.000Zweekly0.7https://cdn.sanity.io/images/m6hs58oa/production/c7a0791aedecce9686fa51fd95cd7647ebc51fe6-2848x1504.webp打造乾淨的 React 區域狀態：使用 Zustand + Context 建立可重用的 Store 工廠 https://jacky-dev.com/en/post/react-zustand-context-store2026-04-23T15:34:58.000Zweekly0.7https://cdn.sanity.io/images/m6hs58oa/production/c7a0791aedecce9686fa51fd95cd7647ebc51fe6-2848x1504.webp打造乾淨的 React 區域狀態：使用 Zustand + Context 建立可重用的 Store 工廠 https://jacky-dev.com/zh-TW/post/sanity-x-nextjs2025-09-09T01:59:59.000Zweekly0.7https://cdn.sanity.io/images/m6hs58oa/production/777cef4c68a40acc9f7c163a71b7d9fc41ed9a9c-1210x207.pngSanity x Next.js 撈取 Post 資料踩坑紀錄 https://jacky-dev.com/en/post/sanity-x-nextjs2025-09-09T01:59:59.000Zweekly0.7https://cdn.sanity.io/images/m6hs58oa/production/777cef4c68a40acc9f7c163a71b7d9fc41ed9a9c-1210x207.pngSanity x Next.js 撈取 Post 資料踩坑紀錄