Now vibe coding, so learning hammer FE ?
#React #原理 #文章 子组件的 useEffect 会在父组件的 useEffect 之前执行，这是由于 React 的深度优先遍历算法。​

https://frontendmasters.com/blog/react-internals-which-useeffect-runs-first/
Frontend Masters
React Internals: Which useEffect runs first?
React Internals: Which useEffect runs first?
useEffect is one of the most commonly used hooks in the React community. Regardless of how much experience you have with React, you’ve probably used it before.
React 原理 文章
#React #文章 如何序列化一个Promise

https://twofoldframework.com/blog/you-can-serialize-a-promise-in-react
Twofoldframework
You can serialize a promise in React
You can serialize a promise in React
Use React to create a promise on the server and later finish it on the client.
React 文章
#React 制作react组件的技巧

https://youtu.be/SlW2FFBQjt8?si=AKPlpIMiKfDxCzrA
YouTube
Make great React Components in 2025 with these tips!
Today I go over everything I know about building react components for the last 8 years. How to make them great and extensible and composable, and everything in between.

👍 Don't forget to like, comment, and subscribe for more episodes in this series! Join…
React
#React #文章 'use client' 和 'use server' 不仅仅是 React 的特性，它们代表了一种新的编程范式，可能会对未来的前端和后端开发产生深远影响。通过这两个指令，开发者可以更自然地构建跨网络的应用程序，同时保持代码的清晰性和可维护性。​

https://overreacted.io/what-does-use-client-do/
overreacted.io
What Does
What Does "use client" Do? — overreacted
Two worlds, two doors.
React 文章
#文章 品牌故事不仅仅是营销活动，用户体验设计也不仅仅是创造漂亮的界面。它们是共同的力量，塑造着用户体验以及与品牌的联系。通过精心设计的字体、色彩和图像，到流畅的导航和动态交互，用户体验设计讲述着品牌的故事，吸引用户并建立持久的关系。

https://mp.weixin.qq.com/s/87ZMd8sISld-Y5IingLURw
文章
#AI TS 版本的 Fast MCP

https://github.com/punkpeye/fastmcp
GitHub
GitHub - punkpeye/fastmcp: A TypeScript framework for building MCP servers.
GitHub - punkpeye/fastmcp: A TypeScript framework for building MCP servers.
A TypeScript framework for building MCP servers. Contribute to punkpeye/fastmcp development by creating an account on GitHub.
AI
#AI 快速、Pythonic 的构建 MCP 服务器和客户端的方式

https://github.com/jlowin/fastmcp
GitHub
GitHub - jlowin/fastmcp: 🚀 The fast, Pythonic way to build MCP servers and clients
GitHub - jlowin/fastmcp: 🚀 The fast, Pythonic way to build MCP servers and clients
🚀 The fast, Pythonic way to build MCP servers and clients - jlowin/fastmcp
AI
#AI 如何避免在 AI 时代技能退化

 https://baoyu.io/translations/avoiding-skill-atrophy-in-the-age
baoyu.io
如何避免在 AI 时代技能退化
如何避免在 AI 时代技能退化
如何使用 AI 编程助手，同时不让自己来之不易的工程技能逐渐荒废？
AI
#开源 Arc 已经死了，接力棒给到了 Zen Browser !

https://zen-browser.app/
zen-browser.app
Zen Browser
Beautifully designed, privacy-focused, and packed with features.
开源
#网站 工具模板

https://github.com/smashing-team/smashing.tools
GitHub
GitHub - smashing-team/smashing.tools: A curated collection of the best starter kits, UI components, design kits, AI & Dev tools.
GitHub - smashing-team/smashing.tools: A curated collection of the best starter kits, UI components, design kits, AI & Dev tools.
A curated collection of the best starter kits, UI components, design kits, AI & Dev tools. - smashing-team/smashing.tools
网站
Node18 停止维护
#AI #文章 谷歌提示工程实践

https://baoyu.io/blog/google-prompt-engineering-whitepaper
baoyu.io
Google 官方提示工程 (Prompt Engineering)白皮书
这份白皮书的完成得益于众多专家的协作和贡献。审阅者、贡献者、策划者、编辑、技术作者和设计师等不同角色的参与，体现了在人工智能领域创建高质量技术文档所涉及的多方面努力和严谨的开发审查流程。这表明，尽管提示工程的概念相对容易理解，但其有效实践和知识传播仍需结构化的方法和清晰的呈现，反映了该领域日益增长的重要性和复杂性
AI 文章
#网页工具 颜色选择器

https://www.jscolorpicker.com/
Jscolorpicker
Javascript Color Picker
An open source, free (as in beer), versatile, flexible and lightweight Javascript Color Picker Component supporting light and dark skins, swatches, multiple color formats, CSS color parsing, instant and confirm modes and much more.
网页工具
#网页工具 字体选择工具

https://www.jsfontpicker.com/
Jsfontpicker
Javascript Font Picker
An open source, free (as in beer), versatile, flexible and lightweight Javascript Font Picker Component for System fonts, Google fonts and custom (woff/ttf) fonts. Features dynamic font loading, favourites, keyboard navigation, fuzzy search, advanced metrics…
网页工具
#AI 大容量上下文和持久记忆的agent

https://www.augmentcode.com/
Augmentcode
Augment Code - AI coding platform for real software.
Augment Code - AI coding platform for real software.
The most powerful AI software development platform with the industry-leading context engine.
AI
#AI

https://www.anthropic.com/engineering/claude-code-best-practices
Anthropic
Claude Code Best Practices
Claude Code Best Practices
A blog post covering tips and tricks that have proven effective for using Claude Code across various codebases, languages, and environments.
AI
#文章 #AI 如何使用 React.js 和 Next.js 搭建一个简单的 AI 聊天应用，并通过 OpenAI API 实现聊天功能。教程内容包括从零开始构建应用的完整过程，以及如何实现更流畅的交互体验。​

https://www.robinwieruch.de/react-ai-chat/
www.robinwieruch.de
Full-Stack React.js AI Chat with OpenAI API
Full-Stack React.js AI Chat with OpenAI API
Build a full-stack AI chat app using React.js on Next.js and the OpenAI API ...
文章 AI
#AI 构建自己的MCP

https://mcpify.ai/
mcpify.ai
MCPify.ai: Build MCP Servers in Minutes – No Code!
MCPify.ai: Build MCP Servers in Minutes – No Code!
With MCPify.ai, create MCP servers fast – no coding needed! Turn your ideas into AI tools effortlessly.
AI
#文章 深入解析流动的 WebGL 渐变效果 —— 即使你不想在网页上实现这种炫酷的等离子效果，这篇文章也值得一读。它深入浅出地探讨了使用简单 GLSL 代码实现该效果背后的数学原理和技术细节，任何 JavaScript 开发者都能轻松理解。

https://alexharri.com/blog/webgl-gradients
Alexharri
A flowing WebGL gradient, deconstructed
An introduction to writing WebGL shaders using gradient noise and cool math.
文章
#开源 将 node 命令打包成可执文件

https://github.com/Ray-D-Song/lexe
GitHub
GitHub - Ray-D-Song/lexe: Package your Node.js application into a single executable file, but only 10MB.🔥
Package your Node.js application into a single executable file, but only 10MB.🔥 - Ray-D-Song/lexe
开源
Before
After
Back to Top