Now vibe coding, so learning hammer FE ?
#服务端 #原理 #文章 这篇文章是一个关于 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
#React #MF #文章 作者在微前端架构中逐步将 React 升级到更高版本，而不影响现有应用。通过添加“桥接”组件，开发者可以让每个微前端在独立的 React 实例中运行，从而使某些微前端组件可以升级到 React 18 而不需同步更新整个应用。这种方法使跨团队的逐步升级更为灵活。
https://alexocallaghan.com/upgrading-react-with-microfrontends
https://alexocallaghan.com/upgrading-react-with-microfrontends
#React #Next #文章 比较了 React 19 带来的服务器优先架构（Next.js 的 App Router）和客户端优先的 TanStack Start。React 19 的架构强化了服务器渲染，通过“use client”标记在客户端加载特定组件，以减轻客户端的负担。而 TanStack Start 仍注重客户端渲染，逐步引入服务端功能，提供更灵活的全栈架构。
Next.js 和 TanStack Start 用于集成现代 React 功能的不同愿景的有趣想法。 TanStack Start 更加以客户为中心，且破坏性较小。
https://bobaekang.com/blog/two-ways-to-the-two-reacts/
Next.js 和 TanStack Start 用于集成现代 React 功能的不同愿景的有趣想法。 TanStack Start 更加以客户为中心，且破坏性较小。
https://bobaekang.com/blog/two-ways-to-the-two-reacts/
Bobaekang
Two ways to the two Reacts | bobae kang
Next.js App Router and TanStack Start represent two distinct ways to the full-stack React
#Next #React #文章 在Next.js App Router中实现高级搜索参数过滤的方法。介绍了如何使用React 19特性，如useOptimistic()，以及如何通过React Context和nuqs库来协调搜索和过滤状态，以提供即时用户反馈并避免多个过滤器相互覆盖的问题。
https://aurorascharff.no/posts/managing-advanced-search-param-filtering-next-app-router/
https://aurorascharff.no/posts/managing-advanced-search-param-filtering-next-app-router/
aurorascharff.no
Managing Advanced Search Param Filtering in the Next.js App Router | Aurora Scharff
Learn how to implement advanced search param filtering in the Next.js App Router, utilizing React 19 features like useOptimistic and the library nuqs.
#UX #文章 7个简单的按钮设计技巧，以提升UI/UX设计项目中按钮的点击率和用户体验。这些技巧包括：
1. 避免按钮文本换行；
2. 不使用禁用按钮（分情况）；
3. 使用动作动词作为按钮标签；
4. 保持按钮对齐；
5. 使用标准且一致的按钮布局；
6. 突出主要操作按钮；
7. 避免在同一按钮中使用两个图标。
https://medium.com/design-bootcamp/7-simple-button-design-tips-that-make-a-big-impact-3cefcdc2d9a2
1. 避免按钮文本换行；
2. 不使用禁用按钮（分情况）；
3. 使用动作动词作为按钮标签；
4. 保持按钮对齐；
5. 使用标准且一致的按钮布局；
6. 突出主要操作按钮；
7. 避免在同一按钮中使用两个图标。
https://medium.com/design-bootcamp/7-simple-button-design-tips-that-make-a-big-impact-3cefcdc2d9a2
Medium
7 Simple Button Design Tips That Make a Big Impact
While you are working on a UI/UX design project, I have developed a set of practical tips for designing a clickable button that helps me…
#文章 #服务端 常规 VPS 对比，对比了 Digital Ocean、Linode 和 Vultr 的性能
https://joshtronic.com/2024/11/03/vps-showdown-november-2024-digitalocean-vs-linode-vs-vultr/
https://joshtronic.com/2024/11/03/vps-showdown-november-2024-digitalocean-vs-linode-vs-vultr/
Josh Sherman
VPS Showdown – November 2024 – DigitalOcean vs. Linode vs. Vultr
Discover the top VPS hosting providers: DigitalOcean, Linode, and Vultr. Explore their $5-ish plans and choose the right one for your project.
