Now vibe coding, so learning hammer FE ?
#文章 介绍了如何使用 Cheerio 进行网络爬虫（Web Scraping）。Cheerio 是一个基于 Node.js 的轻量级库，用于服务器端的网页抓取和 HTML 操作，它通过 CSS 选择器来提取网页数据，类似于 jQuery，但运行速度更快且不需要浏览器环境。

https://blog.apify.com/web-scraping-with-cheerio/
Apify Blog
Web scraping with Cheerio in 2025
Web scraping with Cheerio in 2025
New to web scraping and need help figuring out where to start? This web scraping with Cheerio tutorial is for you!
文章
#React #tailwind shadcn/ui 团队开源了他们构建的用于测试 Tailwind v4 和 React 19 支持的 app。这是一个支持自定义主题、颜色和缩放的仪表板，还包含一个整洁、灵活的数据表。

https://v4.shadcn.com/dashboard
shadcn/ui
shadcn/ui
A set of beautifully designed components that you can customize, extend, and build on. Start here then make it your own. Open Source. Open Code.
React tailwind
#文章 #React 文章深入探讨了 React 开发中的服务器端渲染（SSR）、预渲染、静态站点生成（SSG）以及它们的性能影响、优缺点和实现方式。

https://www.developerway.com/posts/ssr-deep-dive-for-react-developers
Developerway
SSR Deep Dive for React Developers
SSR Deep Dive for React Developers
Explore step-by-step how Server-Side Rendering (SSR), pre-rendering, hydration, and Static Site Generation (SSG) work in React, their costs, performance impact, benefits, and trade-offs.
文章 React
URL 是存储 React 状态的绝佳位置 —— 这是一个颇具争议的观点，当然它更适合某些特定场景而非所有情况。

https://iamsahaj.xyz/blog/react-state-in-the-url/
iamsahaj.xyz
The URL is a great place to store state in React
The URL is a great place to store state in React
Why it's a good idea to use the URL to store state
#网页工具 分析工具

https://node-modules.dev/
node-modules.dev
Node Modules Inspector
Node Modules Inspector
Visualize your node_modules, inspect dependencies, and more.
网页工具
#TS 大事件 根据微软的计划，TypeScript 7.0（Go版本）预计将在2025年年中发布一个支持命令行类型检查的预览版。到2025年底，完整支持项目构建和语言服务的版本有望发布。此外，TypeScript 6.x（JavaScript版本）将继续维护，直到TypeScript 7.x足够稳定并被广泛采用。

https://2ality.com/2025/03/typescript-in-go.html
TS
#文章 2024 js状态报告

https://almanac.httparchive.org/en/2024/javascript
almanac.httparchive.org
JavaScript | 2024 | The Web Almanac by HTTP Archive
JavaScript | 2024 | The Web Almanac by HTTP Archive
JavaScript chapter of the 2024 Web Almanac covering the usage of JavaScript on the web, libraries and frameworks, compression, web components, and source maps.
文章
#开发工具 #网页工具 一键复制任何网站

https://same.dev/
开发工具 网页工具
#React #文章 如何将 ProseMirror 的渲染器从原生实现迁移到 React，并解决了 React 和 ProseMirror 在集成过程中遇到的诸多问题。

https://smoores.dev/post/why_i_rebuilt_prosemirror_view/
smoores.dev
smoores.dev - Why I rebuilt ProseMirror’s renderer in React
For the past year and a half, I’ve been re-writing the renderer for ProseMirror, the popular rich text editing library. This new renderer has finally been marked as stable and published as part of @handlewithcare/react-prosemirror, a library that integrates…
React 文章
#文章 JavaScript 文件上传的七个最佳实践

https://storagebowl.net/blogs/best-practices-of-file-upload
storagebowl.net
7 Best Practices of File Upload With JavaScript
A storage option for 21st century
文章
#React 学习如何使用 React Three Fiber 创建一个简化版的移动游戏《跳跳路》的克隆版。#ReactThreeFiber #Threejs #JavaScript #TypeScript

https://javascriptgametutorials.com/tutorials/react-three-fiber/crossy-road
JavaScript Game Tutorials
Crossy Road with React Three Fiber
Crossy Road with React Three Fiber
In this tutorial, we learn how to create a simplified clone of the mobile game Crossy Road with React Three Fiber.
React ReactThreeFiber Threejs JavaScript TypeScript
#UX Laws of UX

https://lawsofux.com/
Laws of UX
Home | Laws of UX
Laws of UX is a collection of best practices that designers can consider when building user interfaces.
UX
#UX 影响用户体验的106 个认知偏见和原则

https://growth.design/psychology
growth.design
🧠 106 Cognitive Biases & Principles That Affect Your UX
🧠 106 Cognitive Biases & Principles That Affect Your UX
A complete list of cognitive biases and design principles. Tons of product examples, tips and checklists to improve your user experience.
UX
#UX #文章 CSS 中的各种颜色格式，包括 hex（十六进制）、RGB、HSL、LCH 等，并探讨了它们的使用场景、优缺点以及现代 CSS 中颜色格式的最新发展。 https://www.joshwcomeau.com/css/color-formats/
Joshwcomeau
Color Formats in CSS - hex, rgb, hsl, lab • Josh W. Comeau
Color Formats in CSS - hex, rgb, hsl, lab • Josh W. Comeau
CSS gives us so many options when it comes to expressing color—we can use hex codes, rgb, hsl, and more. Which option should we choose? This turns out to be a surprisingly important decision! In this article, we'll take a tour of color formats in CSS, and…
UX 文章
#UX #文章 色彩空间的介绍

https://ericportis.com/posts/2024/okay-color-spaces/
Ericportis
Okay, Color Spaces — ericportis.com
UX 文章
#UX 设计实践

https://goodpractices.design/
Design good practices
Design good practices
Design guidelines following good practices that you can apply to product design, from components to design systems.
UX
#UX #文章 产品设计的本质

https://jamiemill.com/blog/elements-of-product-design/
Jamie Mill
The elements of product design
The elements of product design
Explaining product design as a stack of decisions built on top of a stack of knowledge. With apologies to Jesse James Garrett.
UX 文章
#文章 关于 JWT（JSON Web Tokens）与 Opaque Tokens（不透明令牌）的对比。文章详细介绍了这两种在 OAuth2 中用于 API 访问的令牌格式，包括它们的工作原理、优缺点，以及何时使用它们的最佳场景。此外，还提到了一种结合使用 JWT 和 Opaque Tokens 的混合方法，以平衡性能和安全性。

https://sergiodxa.com/tutorials/jwt-vs-opaque-tokens
Sergio Xalambrí
How to JWT vs. Opaque Tokens by sergiodxa
JWTs offer fast, stateless authentication, while opaque tokens provide better revocation control. Which one should you use?
文章
#React #文章 文章的核心观点是，Redux 以及大多数其他状态管理库可能已经不再适合现代的 React 开发，尤其是对于普通的 CRUD（创建、读取、更新、删除）企业级应用。作者认为，将应用描述为“全局状态”的方式往往是一种有害的思维模式，不利于模块化和封装。随着 React Hooks 的出现，许多新的状态管理库（如 Zustand、Recoil 等）开始流行，它们提供了更简单直观的 API，但 Redux 依然通过 RTK（Redux Toolkit）和 RTK Query 等形式存活下来。

https://www.bennett.ink/its-probably-time-to-stop-recommending-redux
React 文章
Before
After
Back to Top