Now vibe coding, so learning hammer FE ?
#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
开源
#网站 《探索 TypeScript：TS 5.8 版本》

https://exploringjs.com/ts/
网站
#文章 面相痛苦编程，这篇文章强调了一种以实际问题为导向的编程理念，通过逐步迭代和深入理解问题领域来构建高效、优雅的系统，同时避免过早优化和过度工程化。

http://nathanmarz.com/blog/suffering-oriented-programming.html
Nathanmarz
Suffering-oriented programming - thoughts from the red planet - thoughts from the red planet
Someone asked me an interesting question the other day: "How did you justify taking such a hu...
文章
#文章 OWASP速查表系列 - 该系列涵盖众多安全主题，包括但不限于AJAX安全、访问控制、身份验证、授权、SQL注入预防等，还提供下载链接和最新更新的ATOM feed。

https://cheatsheetseries.owasp.org
cheatsheetseries.owasp.org
Introduction - OWASP Cheat Sheet Series
Website with the collection of all the cheat sheets of the project.
文章
#文章 2025 必须知道的 JS 属性

https://waspdev.com/articles/2025-04-06/features-that-every-js-developer-must-know-in-2025
WaspDev Blog
Some features that every JavaScript developer should know in 2025
Some features that every JavaScript developer should know in 2025
The list of JavaScript features that every web developer should know in 2025 in order to efficiently code in JavaScript.
文章
#文章 fastify-vite 比 nextjs 快 7 倍

https://hire.jonasgalvez.com.br/2025/apr/9/fastify-speed/
hire.jonasgalvez.com.br
Fastify + React is 7x Faster than Next.js
Fastify + React is 7x Faster than Next.js
文章
#React #文章 SVG懒加载：svg 精灵图方法来优化性能

https://www.jeantinland.com/blog/lazy-load-svg-icons-with-use-react-js/
Jeantinland
Lazy load SVG icons with <use/> in React.js
Learn how to optimize your React.js applications by lazy loading SVG icons using the use tag. This article covers different methods of incorporating SVG icons, including inline injection, sprite files, and splitting sprites into individual files. It also…
React 文章
#React #文章 “分层 React 结构”（Layered React Structure，简称 LRS）是一种经过实践验证的 React 项目组织方式，可以帮助开发者更好地管理大型项目。它通过明确的分层和组件职责划分，提高了代码的可维护性和可扩展性。如果你正在寻找一种更系统的方式来组织你的 React 项目，LRS 值得一试。

值得注意：文章提到了文件命名的方式，推荐是`kebob-case`

https://playfulprogramming.com/posts/layered-react-structure
Playful Programming
Scale Your Project with Layered React Structure
Scale Your Project with Layered React Structure
Learn how to scale your React project using Layered React Structure (LRS). Take your app from small-time to enterprise grade by organizing your code better.
React 文章
#React #文章 RSC 处理 toast 信息，用到了cookies 。

https://buildui.com/posts/toast-messages-in-react-server-components
Build UI
Toast messages in React Server Components
Toast messages in React Server Components
React 文章
#React #文章 RSC诞生的原因，来自网络传输的演变。

https://overreacted.io/jsx-over-the-wire/
overreacted.io
JSX Over The Wire — overreacted
JSX Over The Wire — overreacted
Turning your API inside-out.
React 文章
#文章 通过维持 5:1 的积极与消极反馈比例，管理者可以更有效地进行绩效评估，促进员工的成长和团队的整体表现。这种比例不仅有助于高绩效团队的维持，还能帮助表现不佳的员工实现改进。

https://www.trevorlasn.com/blog/the-5-1-rule
The 5:1 Rule: Effective Performance Reviews For High-Performing Teams
Research reveals the ideal ratio of positive to negative feedback within high performing teams
文章
#文章 #AI 每个 AI 成功故事都离不开熟练的人类开发者这一必要因素。因此，我认为我们还没有进入后开发者时代。

本质上，大模型更多的是在改进它已经做得很好的事情，而不是解决所有全新的问题。
https://www.joshwcomeau.com/blog/the-post-developer-era/
Joshwcomeau
The Post-Developer Era • Josh W. Comeau
The Post-Developer Era • Josh W. Comeau
When OpenAI released GPT-4 back in March 2023, they kickstarted the AI revolution. The consensus online was that front-end development jobs would be totally eliminated within a year or two.Well, it’s been more than two years since then, and I thought it was…
文章 AI
#开源 【RSC 除了 Nextjs 以外的选择，只是一个 vite 插件】这个新包可能有助于您基于 Fastify 网络服务器和 Vite 构建自己的自定义 React 元框架（创建自己的“Mini Next.js”）。它支持 React 19，RSC 将在以后推出。

https://fastify-vite.dev/
simplybest.my
SERU88 × FUN88 | Login Ngebut, Fastify Plugin Flow
SERU88 × FUN88 menggabungkan kecepatan Fastify dengan build Vite untuk akses cepat, UI ringan, dan login aman. Link resmi, promo harian, RTP live, dan dukungan 24/7.
开源
#React #文章 文章总结了理解React的协调算法对于理解许多React性能模式的原因至关重要。它解释了为什么组合效果良好、为什么列表需要键，以及为什么在其他组件内定义组件是有问题的。这种知识有助于我们做出更好的架构决策，从而自然地导致性能良好的React应用程序。

https://cekrem.github.io/posts/react-reconciliation-deep-dive/
cekrem.github.io
React Reconciliation: The Hidden Engine Behind Your Components
React Reconciliation: The Hidden Engine Behind Your Components
A deep dive into how React's reconciliation algorithm works and why it matters for performance
React 文章
#React #文章 作者所在团队开发了名为Smelter的工具，它利用React语法简化了直播流合成过程。文章以构建一个简单的Twitch游戏直播为例，详细说明了如何使用Smelter实现包括游戏视频背景、摄像头显示、文本显示以及全屏过渡等功能，并对比了Smelter与FFmpeg、Chromium等传统工具的优劣。Smelter易于维护，可嵌入React应用，并支持多种输入源，为直播和视频处理提供了新的解决方案。

https://blog.swmansion.com/react-live-streaming-how-to-include-video-mixing-in-your-app-c460e09da7a8
Medium
React & Live Streaming: How to Include Video Mixing in Your App
React & Live Streaming: How to Include Video Mixing in Your App
As of March 2025, React is almost 12 years old. During that time, it has spread to various platforms, such as mobile apps. We specialize in…
React 文章
Before
After
Back to Top