Now vibe coding, so learning hammer FE ?
#文章 Doug Lowder 撰写了关于他使用 Expo 重建一个 10 年历史的 iOS 应用的经验。
https://expo.dev/blog/rebuilding-a-10-year-old-ios-app-with-expo
https://expo.dev/blog/rebuilding-a-10-year-old-ios-app-with-expo
#开源 一种用于文本和代码的墨水色调配色方案，专为数字屏幕上的阅读和写作设计。
https://stephango.com/flexoki
https://stephango.com/flexoki
Steph Ango
Flexoki
An inky color scheme for prose and code.
#文章 #React Server Components 比较不错的文章，《服务器组件的心智模型》
- 链接：https://saewitz.com/the-mental-model-of-server-components
- 链接：https://saewitz.com/the-mental-model-of-server-components
Saewitz
The Mental Model of Server Components | Daniel Saewitz
#文章 #React Remix.js 中的 markdown 处理系列文章：
1. 使用 Markdoc 在 Remix 中渲染 Markdown 内容；
2. 在 Remix 中使用 Markdoc 和 Shiki 进行语法高亮。
1. 链接：https://andrelandgraf.dev/blog/2024-11-01_rendering-markdown-in-remix
2. 链接：https://andrelandgraf.dev/blog/2024-11-30_syntax-highlighting-with-markdoc
1. 使用 Markdoc 在 Remix 中渲染 Markdown 内容；
2. 在 Remix 中使用 Markdoc 和 Shiki 进行语法高亮。
1. 链接：https://andrelandgraf.dev/blog/2024-11-01_rendering-markdown-in-remix
2. 链接：https://andrelandgraf.dev/blog/2024-11-30_syntax-highlighting-with-markdoc
andrelandgraf.dev
Use Markdoc to render Markdown content in Remix | Andre Landgraf
Markdown is a great tool for working with formatted text content. In this blog post, we use Markdoc to parse and render Markdown content in Remix. We will cover styling, frontmatter, and how to render Markdown content as custom React components.
#文章 #React
- 链接：https://xeiaso.net/notes/2024/small-nextjs-images/
储备知识 如何优化 Next.JS 应用的 Docker 镜像，使其体积大幅减小。不知道关于 remix.js 是否可以有相似的配置呢- 链接：https://xeiaso.net/notes/2024/small-nextjs-images/
xeiaso.net
Make your Next.JS Docker images microscopic!
Do standalone builds on Alpine
#React #文章 React Router v7 的系列文章
- 链接：https://www.robinwieruch.de/react-router/
- 链接：https://www.robinwieruch.de/react-router/
www.robinwieruch.de
React Router 7 Tutorial
React Router 7 tutorial: setup, hooks, nested routes, dynamic routes, programmatic navigation, active links, layout routes, index routes and more. A step by step React tutorial for beginners ...
#文章 #React 5个有效优化React中交互到下次绘制（INP）指标的技巧。
- 链接：https://calendar.perfplanet.com/2024/5-tips-to-effectively-optimize-inp-in-react/
- 链接：https://calendar.perfplanet.com/2024/5-tips-to-effectively-optimize-inp-in-react/
Web Performance Calendar
5 tips to effectively optimize INP in React
In this post, let's consider several optimization techniques for improving Core Web Vitals metrics for sites that are built with React.
We are a team of speed consultants from the Czech Republic and in this article we would like to share some experiences…
We are a team of speed consultants from the Czech Republic and in this article we would like to share some experiences…
#文章 #React 介绍了 TanStack Start，这是一个基于 TanStack Router 的轻量级服务器层。
或许是未来的技术选型趋势的赌注？值得观望。
- 链接： https://frontendmasters.com/blog/introducing-tanstack-start/
或许是未来的技术选型趋势的赌注？值得观望。
- 链接： https://frontendmasters.com/blog/introducing-tanstack-start/
Frontend Masters
Introducing TanStack Start
The best way to think about TanStack Start is that it’s a thin server layer atop the TanStack Router we already know and love; that means we don’t lose a single thing from TanStack Router. Not only that, but the nature of this server layer allows it to side…
#AI #文章
「 AI 辅助编码的残酷真相：它能帮你完成70%的工作，但最后30%令人非常沮丧 」
英文原文：「70%问题-AI 辅助编程的现状和代价」
AI可以帮助我们更快地迭代和实验，但只有当我们保持对项目代码的掌控和理解并把AI作为工具而不是替代良好软件实践时，我们才能构建更好的应用。
「 AI 辅助编码的残酷真相：它能帮你完成70%的工作，但最后30%令人非常沮丧 」
英文原文：「70%问题-AI 辅助编程的现状和代价」
AI可以帮助我们更快地迭代和实验，但只有当我们保持对项目代码的掌控和理解并把AI作为工具而不是替代良好软件实践时，我们才能构建更好的应用。
baoyu.io
AI 辅助编码的残酷真相：它能帮你完成70%的工作，但最后30%令人非常沮丧
一份实战指南，以及为何我们需要重新审视自己的期望
#原理 #文章 【了解】「 WeakRef 如何帮助管理 JavaScript 中的内存 」，里面探讨了很多关于 js 垃圾回收相关的知识，以及 FinalizationRegistry 的使用在对象被清理时回调。如果遇到了 js 内存相关的优化再看吧。。
#开源 之前查看关于 「 React Router API Reference 」被这个纯粹的文档网站风格所吸引了，最近阅读「 Announcing: @smoores/epub 」的时候发现作者提到 「 TypeDoc 」就是前两者的文档生成器，太棒了。持续关注总会有意想不到的收获！
