在建置無障礙網站中一個很重要的一部分就是確保可讀性，意思就是要確保足夠的顏色對比度。

在深入 useSyncExternalStore 之前，讓我們先了解一下一些新的術語。

併發渲染與 startTransition

併發指的是基於分配任務的優先順序同時執行多個任務的機制。如果您還不明白這個觀念可以參考 Dan Abramov 的說明

我們廢話不多說直接進入程式碼的部分。如果您在找尋 15 分鐘快速實作，那本篇就是。

本篇會使用 TypeScript，但我們會在寫完程式之後才添加型別。這不是正常的流程，但因為部分讀者不使用 TypeScript 因此我們不想讓您混亂。一般來說我們應該在寫程式的時候就建立型別，才可以在一開始就享受 TypeScript 的好處。

2021/12/13 更新

部分 CVE-2021-44228 漏洞已在版本 2.15.0 修正，其餘在 CVE-2021-45046 追蹤。建議更新至 2.16.0 版本

原文﹔Deep-copying in JavaScript using structuredClone

很長一段時間在 JavaScript 對於深度複製或說深拷貝我們都需要自己處理或者使用函式庫。現在平台支援了 structuredClone

基本設定

• 安裝字體 Operator Mono Lig
• 安裝 VS Code
• Install WSL
• 設定 WSL 開發環境

Fork 是一套 git 圖形介面工具。如果您曾經在 macOS 環境下開發，那麼您應該不陌生可以使用指令介面就像 code 那樣。

前言

本文只是快速看一下 Remix 的賣點，至於推不推暫時不好說，待筆者更深入研究分享，但..就目前官網提供的下面賣點，我是已經被點火了。

Remix 專注在網頁的基礎組成和 UX，更簡單的建置更棒的網站。

筆者：乍看之下，用不精準的感覺形容就是 Meteor 流星 React 版。

了解招募流程的偏見且避免，讓招募的測試人員能夠真實的代表您的目標群眾。

useEffect 應該在瀏覽器渲染（ paint() ）之後執行，以防止阻塞更新。但您知道它並沒有保證一定在渲染之後觸發？在 useLayoutEffect 中更新狀態（state）會導致同一次渲染中的 useEffect 在渲染之前執行，這是為了有效率的處理佈局的效果。感到困惑嗎？