不知答案尚可求，不知问题何以谋。
#文章 #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/
#文章 #ReactNative 基于Expo创建会议程序的架构。如何使用gluestack-ui和Expo来简化开发流程，高效创建高质量的跨平台应用。
https://expo.dev/blog/the-architecture-of-a-conference-application-built-with-expo
https://expo.dev/blog/the-architecture-of-a-conference-application-built-with-expo
#AI #文章 如何将大型语言模型（LLMs）集成到前端应用中，创建产品描述生成器。介绍了Vercel的AI SDK和V0工具，它们简化了LLMs与UI的集成，提供了AI驱动的内容生成、多语言支持、所见即所得（WYSIWYG）编辑器集成等功能。文章还讨论了如何使用OpenAI的GPT-4模型进行内容生成，以及如何通过MDX标记将内容流式传输到UI中。
https://www.manuelsanchezdev.com/blog/integrating-llm-frontend
https://www.manuelsanchezdev.com/blog/integrating-llm-frontend
Manuelsanchezdev
Integrating Large Language Models into Frontends
Leveraging AI for Dynamic Content Generation in Web Applications
