Blog - Where you see my sounds 🎵

Blog.

React Router

react-router/dev/routes is not Available @ Runtime

TL;DR: config 選項可以作為 function 提供使用者所需的 functions / env。

Y
Yin2025/10/7

Jotai (状態) React State Management(與 Zustand 微比較)

簡潔的 Jotai API vs. 全能的 Zustand 在 Jotai docs 就有簡單說明他跟 useContext / Zustand / Recoli 的差別,詳細可以看 Large objects — Jotai。我看下來,簡單來說差異主要是在儲存的地方,Jotai 主要把狀態存在「context level」而 Zustand 則是存在「module level」(在 app 外全域儲存)。

Y
Yin2025/7/27

Automatically Generate Sitemap in React Router v7

this post will go through the process of generating the Sitemap in React Router v7 from virtual:react-router/server-build

Y
Yin2025/7/27

React Router v7 CSP (Content Security Policy) Configuration

This post will walk through the steps to set up CSP via middleware and loader in React Router v7.

Y
Yin2025/7/27
Software Development

Handle BigInt from PostgreSQL to TypeScript Intl in React

This post shows how to handle PostgreSQL bigint type after querying in TypeScript React with Intl. NumberFormat.

Y
Yin2025/10/17

VSCode Forward Port、Inline Blame、Copilot,加速你的開發速度!

今天整理了以下三個在現在,我每天使用時都會讚嘆跟感謝 Microsoft 的 VSCode 功能:「Forward Port、Source Control、GitHub Copilot」,希望能幫助你的工作流程與學習過程更順利與快速!

Y
Yin2025/7/27