#React #文章 如何在 React Router 中显示 404 页面

https://sergiodxa.com/tutorials/create-show-a-404-in-react-router

Sergio Xalambrí

How to Create show a 404 in React Router by sergiodxa

The blog of sergiodxa

#React #文章 将 React 组件树视为状态机模型可以帮助阐明异步更新和 React 并发特性的影响。

https://jordaneldredge.com/blog/transitions-f-of-state/

Jordaneldredge

{transitions} = f(state)

Thinking about the React component tree as modeling a state machine can help clarify the implications of asynchronous updates and React’s concurrent features.

#开源 字节开源跨端开发框架

https://github.com/lynx-family/lynx

GitHub

GitHub - lynx-family/lynx: Empower the Web community and invite more to build across platforms.

Empower the Web community and invite more to build across platforms. - lynx-family/lynx

#文章 #TS 关于如何使用 Node.js 和 TypeScript 构建简单交互式命令行界面（CLI）应用程序的教程。

https://www.robinwieruch.de/node-js-cli/

www.robinwieruch.de

Simple Interactive CLI App with Node.js

Learn how to build a simple interactive CLI app with Node.js and TypeScript. Create a chat interface that reads user input and responds interactively ...

#React #原理 #文章 深入了解系列

https://www.56kode.com/tags/level-up-react/

56Kode

Tag: level-up-react | 56kode

A blog focused on trends, tips, and techniques in web development, with a particular emphasis on React, TypeScript, and JavaScript.

#文章 shadcn 注册表：更好的组件分发方式

https://ouassim.tech/notes/shadcn-registry-a-better-way-to-manage-your-ui-components/

ouassim.tech

Shadcn Registry: A Better Way to Manage Your UI Components - Ouassim G.

The shadcn registry lets you manage and share UI components across projects with full control over customization. This post covers lesser-known CLI options and insights from my experience setting it up.

#React #文章 讨论了如何在 React Router v7 中优化用户输入触发的请求，避免因快速连续输入导致的多次请求问题。

https://programmingarehard.com/2025/02/24/debouncing-in-react-router-v7.html/

Programmingarehard

Debouncing in React Router v7 — ProgrammingAreHard —

React、useLayoutEffect、服务器端渲染（SSR）、同构（Isomorphic）、use-isomorphic-layout-effect、UI 不一致、客户端/服务器端、警告（Warning）、React ProseMirror、useEffect、代码实现（Implementation）、React 生态系统（React Ecosystem）、React Redux、解决方案（Solution）、开发者实践（Developer Practice）、警告的误解（Misunderstanding of Warning）。

https://smoores.dev/post/no_such_thing_isomorphic_layout_effect/

smoores.dev

smoores.dev - There’s no such thing as an isomorphic layout effect

There’s something off about the most popular approach to quieting React’s warnings about using layout effects during server-side rendering. Let’s break down why the warning exists, and when it really makes sense to disable it without actually addressing it.

Vocs 最小的文档工具发布了第一个正式版，并且支持 #React 19 和 #tailwindcss

https://vocs.dev/

vocs.dev

Vocs – React Documentation Framework

#CSS #React 自定义浮动元素

https://github.com/floating-ui/floating-ui

GitHub

GitHub - floating-ui/floating-ui: A JavaScript library to position floating elements and create interactions for them.

A JavaScript library to position floating elements and create interactions for them. - floating-ui/floating-ui

#AI #开发工具 自然语言交互、数据提取、断言验证、Chrome 插件、YAML 脚本、Puppeteer 集成、Playwright 集成、自定义模型、开源模型、通用模型、可视化报告、调试 Playground、数据安全、开源免费、JavaScript 集成

https://midscenejs.com/zh/index.html

Midscenejs

Midscene.js - Joyful Automation by AI - Midscene.js

Automate browser actions, extract data, and perform assertions using AI. It offers JavaScript SDK, Chrome extension, and support for scripting in YAML.

https://mp.weixin.qq.com/s/m4-RgmN96KgeuzqD65dFqA

### CSS 新特性
- Anchor Positioning（锚点定位）
- CSS 动态定位
- CSS 候补位置

### 核心属性
- anchor-name
- position-anchor
- anchor()
- anchor-size()
- position-try-fallbacks
- @position-try

### 功能实现
- Popover 功能
- 智能边界处理
- 动态位置调整
- 锚点定位

### 工具与库
- Chrome 125
- Popper.js
- Tippy.js
- floating-ui

### 其他
- 视口边界检测
- 滚动事件处理
- 动态布局优化
- CSS 回退策略

Weixin Official Accounts Platform

浏览器原生「磁吸」效果！Anchor Positioning 锚点定位神器解析

锚点连接+位置策略=自适应布局！再复杂的关联定位也能轻松表达。让定位逻辑回归样式层！

#原理 #文章 7分钟了解函数柯里化

https://www.yazeedb.com/posts/deeply-understand-currying-in-7-minutes

#TS 一个类型安全的fetch包装

https://github.com/L-Blondy/up-fetch

GitHub

GitHub - L-Blondy/up-fetch: Advanced fetch client builder

Advanced fetch client builder. Contribute to L-Blondy/up-fetch development by creating an account on GitHub.

#CSS 学习 #tailwind 布局

https://layoutsfortailwind.lalokalabs.dev/

layoutsfortailwind.lalokalabs.dev

LaLoka Layouts for Tailwind CSS

A collection of useful Tailwind CSS layouts and patterns

#AI 基于TS的AI开发框架

https://github.com/mastra-ai/mastra

GitHub

GitHub - mastra-ai/mastra: The TypeScript AI agent framework. ⚡ Assistants, RAG, observability. Supports any LLM: GPT-4, Claude…

The TypeScript AI agent framework. ⚡ Assistants, RAG, observability. Supports any LLM: GPT-4, Claude, Gemini, Llama. - mastra-ai/mastra

#CSS #文章 解密css选择器之 :has(:not) vs :not(:has)

https://polypane.app/blog/decoding-css-selectors-has-not-vs-not-has/#main

polypane.app

Decoding CSS Selectors: :has(:not) vs :not(:has) | Polypane

CSS functions like :is(), :not() and :has() are powerful tools that make it much easier to select elements specifically. We've written before about how ::where…