不知答案尚可求，不知问题何以谋。
#文章 #CSS 通过使用OKLCH颜色空间来改善颜色管理。文章首先介绍了Tailwind的优势，包括小体积、高性能和内置代码分割等。接着，文章解释了动态主题的概念及其重要性，强调了个性化对用户参与度和满意度的积极影响。
https://evilmartians.com/chronicles/better-dynamic-themes-in-tailwind-with-oklch-color-magic
https://evilmartians.com/chronicles/better-dynamic-themes-in-tailwind-with-oklch-color-magic
evilmartians.com
Better dynamic themes in Tailwind with OKLCH color magic—Martian Chronicles, Evil Martians’ team blog
We make Tailwind CSS play nice with CSS variables, OKLCH colors, and dynamic themes. Get reliable, predictable theming.
#文章 #CSS OKLCH是一种新的色彩模型，解决了传统色彩模型（如RGB和HSL）在色彩表达上的局限性，提供了更一致、连贯、可访问且感知上均匀的色彩体验。文章详细介绍了OKLCH在CSS中的应用，以及一系列工具，如OKLCH色彩选择器、Harmonizer、apcach和Polychrom等，这些工具帮助设计师和开发者更好地使用OKLCH模型，实现更高效、更直观的色彩设计和开发。
https://evilmartians.com/chronicles/exploring-the-oklch-ecosystem-and-its-tools
https://evilmartians.com/chronicles/exploring-the-oklch-ecosystem-and-its-tools
evilmartians.com
Exploring the OKLCH ecosystem and its tools—Martian Chronicles, Evil Martians’ team blog
Explore a powerful set of tools built around the OKLCH color model—Harmonizer for accessible palettes, Polychrom for Figma contrast checking, apcach for color contrast calculations, and more. Perfect for frontend developers and designers building consistent…
#React #文章 Epic React 的博客文章，对于useSyncExternalStore的完整概述和用法
https://www.epicreact.dev/use-sync-external-store-demystified-for-practical-react-development-w5ac0
https://www.epicreact.dev/use-sync-external-store-demystified-for-practical-react-development-w5ac0
Epic React
useSyncExternalStore: Demystified for Practical React Development
Stop UI tearing in React! useSyncExternalStore safely syncs external data. Get best practices for this advanced hook (like stable functions) at EpicReac...
#React #文章 本文探讨了如何将搜索参数作为路由状态的一部分进行管理，强调了 TanStack Router 通过在路由层定义搜索参数模式，实现了类型安全、可验证且响应式的搜索参数处理，解决了传统方法中搜索参数管理的碎片化和不一致性问题。
https://tanstack.com/blog/search-params-are-state
https://tanstack.com/blog/search-params-are-state
Tanstack
Search Params Are State | TanStack Blog
Search Params Are State — Treat Them That Way Search params have been historically treated like second-class state. They're global, serializable, and shareable — but in most apps, they’re still hacked...
#AI #3D #文章 #React 结合React Three Fiber、Three.js和Rapier，创建一个基于物理的第三人称角色控制器。
https://tympanus.net/codrops/2025/05/28/building-a-physics-based-character-controller-with-the-help-of-ai/
https://tympanus.net/codrops/2025/05/28/building-a-physics-based-character-controller-with-the-help-of-ai/
#React #文章 专治焦点管理问题，flushSync的用武之地。
https://www.epicreact.dev/mastering-focus-management-in-react-with-flush-sync-f5b38
https://www.epicreact.dev/mastering-focus-management-in-react-with-flush-sync-f5b38
Epic React
Mastering Focus Management in React with `flushSync`
Master focus management in React with flushSync. Learn why batching matters, when to use flushSync, and how to create accessible, keyboard-friendly UIs.
#文章 本文详细介绍了如何使用 OpenAuth、React Router 和 SST 构建一个完整的用户认证系统，涵盖登录、回调处理、会话管理、新用户注册以及保护路由的实现，并提供了部署和测试的步骤。
https://seanpaulcampbell.com/blog/openauth-react-router/
https://seanpaulcampbell.com/blog/openauth-react-router/
#AI codex 提示词
https://baoyu.io/blog/codex-system-prompt
https://baoyu.io/blog/codex-system-prompt
baoyu.io
System Prompt of Codex
We are sharing the codex-1 system message to help developers understand the model’s default behavior and tailor Codex to work effectively in custom workflows. For example, the codex-1 system message encourages Codex to run all tests mentioned in the AGENTS.md…
#原理 #React #文章 React Context 并不会造成非必要重新渲染，实际上更严格的说法应该是使用同一个 Provider 的 context 会重新渲染。不推荐的原因更多是 Provider 的嵌套地狱。
关于`父组件重新渲染会导致所有子组件重新渲染`的说法也进行了重新验证，直接将组件引入作为子组件会随着父组件的 state 变化而重新渲染，但是通过 props.children 的形式引入并不会。
根据这两个特性，就会知道全局状态管理带来的好处，也可以了解为什么很多公司拆分组件并且代码行数有要求。因为子组件越多，如果父组件受控状态时常变化，会导致子组件的重新渲染。
https://blacksheepcode.com/posts/no_react_context_is_not_causing_too_many_renders
关于`父组件重新渲染会导致所有子组件重新渲染`的说法也进行了重新验证，直接将组件引入作为子组件会随着父组件的 state 变化而重新渲染，但是通过 props.children 的形式引入并不会。
根据这两个特性，就会知道全局状态管理带来的好处，也可以了解为什么很多公司拆分组件并且代码行数有要求。因为子组件越多，如果父组件受控状态时常变化，会导致子组件的重新渲染。
https://blacksheepcode.com/posts/no_react_context_is_not_causing_too_many_renders
Black Sheep Code
No, react context is not causing too many renders
A lot of people are under the impression that context shouldn't be used to store state, because it'll cause the entire application tree to re-render. This is a misnomer.
#文章 文章通过对比Astro和React Server Components（RSC）的开发模式，指出二者在组件划分和数据流向上有相似之处，但RSC在学习难度、组件复用性、交互性、刷新机制等方面有其独特优势和挑战，同时强调RSC是全栈React的体现，其开发体验虽尚不成熟，但有值得探索的理念。
https://overreacted.io/rsc-for-astro-developers/
https://overreacted.io/rsc-for-astro-developers/
overreacted.io
RSC for Astro Developers — overreacted
Islands, but make it fractal.
#CSS #文章 这篇文章通过介绍起源感知动画、合适的缓动函数、自定义缓动曲线、基于弹簧的交互以及选择合适的CSS属性等实用技巧，帮助UI开发者将动画从“好”提升到“优秀”，从而显著增强用户体验。
https://emilkowal.ski/ui/good-vs-great-animations
https://emilkowal.ski/ui/good-vs-great-animations
Emil Kowalski
Good vs Great Animations
Practical tips on how to go from good to great animations.
