不知答案尚可求，不知问题何以谋。
#开源
- framer motion 独立开源，适配 js 和 react：https://motion.dev/blog/framer-motion-is-now-independent-introducing-motion
- tailwindcss 4.0 不用 tailwind.config 文件了：https://www.luisball.com/blog/shadcn-ui-with-tailwind-v4
- framer motion 独立开源，适配 js 和 react：https://motion.dev/blog/framer-motion-is-now-independent-introducing-motion
- tailwindcss 4.0 不用 tailwind.config 文件了：https://www.luisball.com/blog/shadcn-ui-with-tailwind-v4
motion.dev
Framer Motion is now independent, introducing Motion - Motion Blog
Framer Motion is now independent. Introducing Motion, a new animation library for React and all JavaScript environments. Here's what it means for you.
#文章 #TS 关于 tsconfig 各个配置项需要了解的：
- tsconfig 小抄：https://www.totaltypescript.com/tsconfig-cheat-sheet
- 你应该使用基本的 tsconfig 选项：https://www.totaltypescript.com/tsconfig-cheat-sheet
- tsconfig 小抄：https://www.totaltypescript.com/tsconfig-cheat-sheet
- 你应该使用基本的 tsconfig 选项：https://www.totaltypescript.com/tsconfig-cheat-sheet
Total TypeScript
The TSConfig Cheat Sheet
Learn the essential TypeScript configuration options and create a concise tsconfig.json file for your projects with this helpful cheatsheet.
#文章 #React useSyncExternalStore是一个强大的工具，能够同步应用状态与LocalStorage等外部数据源，使得React应用能够处理跨多个组件或实例的共享数据。
https://www.56kode.com/posts/using-usesyncexternalstore-with-localstorage
https://www.56kode.com/posts/using-usesyncexternalstore-with-localstorage
56Kode
Example of Using useSyncExternalStore with LocalStorage | 56kode - Web Development Blog on React & TypeScript
Learn how to efficiently synchronize application state with external data sources like LocalStorage using React's useSyncExternalStore hook, with a practical example and detailed explanation.
#文章 #React 关于使用 TS 声明条件类型联动的方式（type discrimination）。
场景：根据某个类型的值，约束其他特定的属性类型。
https://elanmed.dev/blog/conditional-props-using-type-discrimination#second-attempt-type-discrimination
场景：根据某个类型的值，约束其他特定的属性类型。
https://elanmed.dev/blog/conditional-props-using-type-discrimination#second-attempt-type-discrimination
#文章 #React 函数保持单一逻辑抽象。可以参考一下作者的封装思路，react 可以专门封装一个 hook，获取数据和处理数据；返回视图需要的数据结构，达到视图与数据分离的效果。
https://www.tymzap.com/blog/the-magic-of-keeping-one-abstraction-level-per-function
https://www.tymzap.com/blog/the-magic-of-keeping-one-abstraction-level-per-function
#服务端 #原理 #文章 这篇文章是一个关于 HTTP 协议的深入教程，它从 HTTP/1.1 开始，详细介绍了 HTTP 协议的工作原理，包括 TCP 连接、HTTP 请求和响应的格式、头字段、方法等基本概念。接着，文章深入探讨了 HTTP/2 协议，包括它的帧结构、流多路复用、服务器推送等特性，并且讨论了 HTTP/2 在实际应用中可能遇到的问题和挑战。
https://fasterthanli.me/articles/the-http-crash-course-nobody-asked-for
https://fasterthanli.me/articles/the-http-crash-course-nobody-asked-for
#文章 #开源 #原理 关于现代各种鉴权方式讲解。
https://github.com/logto-io/auth-wiki
https://github.com/logto-io/auth-wiki
GitHub
GitHub - logto-io/auth-wiki: A comprehensive collection of articles, tutorials, and resources about authentication, authorization…
A comprehensive collection of articles, tutorials, and resources about authentication, authorization, and identity management. - logto-io/auth-wiki
#文章 #浏览器 #原理 一篇通过丰富的交互式组件讲解浏览器如何渲染的整个流程。
https://abhisaha.com/blog/exploring-browser-rendering-process/
https://abhisaha.com/blog/exploring-browser-rendering-process/
#CSS 一篇关于 CSS 容器查询的友好指南：
- 容器查询的工作原理
- 如何定义容器？
- 如何使用container-type属性？
- 实际应用？
https://www.joshwcomeau.com/css/container-queries-introduction/
- 容器查询的工作原理
- 如何定义容器？
- 如何使用container-type属性？
- 实际应用？
https://www.joshwcomeau.com/css/container-queries-introduction/
Joshwcomeau
A Friendly Introduction to Container Queries • Josh W. Comeau
It’s been a couple of years since container queries started landing in browsers… so why isn’t anyone using them? It turns out that container queries are kinda tricky; they’re not as straightforward as media queries. In this tutorial, we’ll break it all down…
#文章 #React 原生表单中的 FormData 相关的方法，要点：
- 如何将FormData转换为JavaScript对象：`Object.fromEntries`
- 如何处理具有相同键的多个值：`formData.getAll`
https://www.robinwieruch.de/react-form-data/
- 如何将FormData转换为JavaScript对象：`Object.fromEntries`
- 如何处理具有相同键的多个值：`formData.getAll`
https://www.robinwieruch.de/react-form-data/
www.robinwieruch.de
React and FormData
Learn how to handle FormData in React when submitting it with a (Server) Action to the server ...
#服务端 #网页工具 在购买域名之前，可以通过 web.archive 查询该域名否是有“前科”。
文章：https://www.bryanbraun.com/2024/10/25/before-you-buy-a-domain-name-first-check-to-see-if-its-haunted/
网址：https://web.archive.org/
文章：https://www.bryanbraun.com/2024/10/25/before-you-buy-a-domain-name-first-check-to-see-if-its-haunted/
网址：https://web.archive.org/
