小红花·文摘
  • 首页
  • AI Tokens🪙
  • 排行榜🏆
  • 直播
  • FAQ
Dify.AI
如何使用Shadcn UI在React中创建可扩展的KYC入职流程

本文介绍如何用Shadcn UI构建B2B SaaS产品的KYC验证流程,包含三步:账户类型选择(单选组)、文件上传(拖拽区)、验证状态(提示框),并配有步骤指示器。文章强调组件代码、状态管理、验证逻辑及无障碍设计,如使用fieldset分组、aria-label等,确保流程简洁、用户友好。

如何使用Shadcn UI在React中创建可扩展的KYC入职流程

freeCodeCamp.org freeCodeCamp.org · 2026-08-13T18:10:52Z

本文介绍SPDK用户态存储栈系列文章,涵盖从Reactor、NVMe驱动到bdev、NVMe-oF及vhost的完整I/O路径。内容聚焦延迟与失败定位、设备独占、传输模式对比,并给出16篇阅读路线,帮助工程师在SPDK与内核路径间做出选型决策。

SPDK / 用户态存储栈:从 Reactor 到 NVMe-oF

土法炼钢兴趣小组的博客 土法炼钢兴趣小组的博客 · 2026-08-13T00:00:00Z

本文为SPDK用户态存储栈系列首篇,定位其相对内核NVMe与io_uring的生态位,提出五条坐标系(I/O路径、线程消息、设备独占、bdev、远端控制面)作为排障语言,并规划16篇阅读路线,强调用户态轮询栈的CPU税与运维代价。

【SPDK 用户态存储】用户态存储全景:从 Reactor 到 NVMe-oF 的坐标系

土法炼钢兴趣小组的博客 土法炼钢兴趣小组的博客 · 2026-08-13T00:00:00Z

本文介绍SPDK事件框架核心概念:Reactor为每核事件循环线程,Event用于跨核消息投递,Poller在同线程反复轮询。强调消息传递优于锁,状态由单线程拥有。阻塞reactor回调会导致同核I/O停滞,排障时应先检查哪核循环停止。spdk_thread可独立嵌入其他循环,io_device/io_channel模式实现全局慢状态与每线程快路径分离。

【SPDK 用户态存储】Reactor 与线程模型:Event、Poller 与 Message Passing

土法炼钢兴趣小组的博客 土法炼钢兴趣小组的博客 · 2026-08-13T00:00:00Z
ChinaJoy 排队一个半小时回来后,我用 Doubao-Seed-Evolving 写了一款抗战小游戏 - 努力的小雨

作者用AI工具Doubao-Seed-Evolving开发了一款3D像素风抗战潜行游戏《破晓送信》。玩家控制送信员穿越院落,躲避巡逻队,最终进入电报站发信。项目采用React、Three.js等技术,经历多次迭代:从写实3D改为体素风格,简化巡逻逻辑,扩大地图并优化性能。作者强调AI辅助开发需反复试玩反馈,人负责判断趣味性,AI负责实现修改。

ChinaJoy 排队一个半小时回来后,我用 Doubao-Seed-Evolving 写了一款抗战小游戏 - 努力的小雨

努力的小雨 努力的小雨 · 2026-08-07T02:04:00Z
现代React表单架构指南:TanStack Form + Zod + Shadcn

本文介绍如何构建生产级React表单架构。传统useState表单每次输入都重渲染整个组件树,useRef虽避免重渲染但扩展性差。解决方案是使用TanStack Form作为无头状态机,实现细粒度响应式更新,仅重渲染当前输入字段;配合Zod进行类型安全验证,ShadCN UI提供美观组件。文章还涵盖动态数组处理、useSelector与form.Subscribe的差异,以及与React Hook Form的对比。

现代React表单架构指南:TanStack Form + Zod + Shadcn

freeCodeCamp.org freeCodeCamp.org · 2026-07-28T16:29:03Z

Remix 3 is a full-stack web framework that moves away from React, focusing on web platform primitives. It integrates routes, request handlers, and UI components into a single structure, utilizing...

Remix 3 Beta Preview Ditches React for a Web-Standards Full-Stack Framework

InfoQ InfoQ · 2026-07-28T09:02:00Z

Meta's React library has integrated a Rust version of the React Compiler into its main repository, aimed at enhancing build speed and compatibility with the Rust-based JavaScript toolchain. This...

Meta Ports React Compiler to Rust for Faster Builds and Tighter Toolchain Integration

InfoQ InfoQ · 2026-07-23T06:07:00Z
如何使用shadcn/ui在React中构建可复用的日期时间选择器

本文介绍如何在React项目中快速实现日期时间选择器,提供三种可直接安装的Shadcn组件:日期时间选择器(含日历和起止时间)、日期范围选择器(双月视图并计算住宿夜数)、纯时间选择器(利用浏览器原生控件)。每个组件均通过一条CLI命令安装,基于Base UI构建,支持复制粘贴到v0等工具,适合预订、预约等场景。

如何使用shadcn/ui在React中构建可复用的日期时间选择器

freeCodeCamp.org freeCodeCamp.org · 2026-07-22T16:47:40Z
武器化与防御React Flight协议:RSCs中的反序列化汇聚点

React Flight协议是React服务器组件用于流式传输UI的自定义协议,但其反序列化机制存在严重安全漏洞。CVE-2025-55182(React2Shell)为CVSS 10.0级漏洞,攻击者可通过构造恶意请求实现未授权远程代码执行。防御措施包括:严格输入验证、使用server-only包、加强CSRF防护、及时更新补丁、利用Taint API和WAF。该协议仍面临中间人攻击等结构性风险。

武器化与防御React Flight协议:RSCs中的反序列化汇聚点

Articles on Smashing Magazine — For Web Designers And Developers Articles on Smashing Magazine — For Web Designers And Developers · 2026-07-21T10:00:00Z
如何在带有macOS伴生应用的Web应用中使用Apple的基础模型

本文介绍如何构建Vision Bridge:一个结合React前端与Swift macOS伴生应用的本地AI图像分析工具。它利用Apple Vision进行OCR文字识别,再通过Foundation Models生成摘要、标签等结构化JSON数据,全程在设备端运行,无需云端,保护隐私。文章详细说明了架构、代码实现及运行方法。

如何在带有macOS伴生应用的Web应用中使用Apple的基础模型

freeCodeCamp.org freeCodeCamp.org · 2026-07-20T21:27:11Z
WebStorm 2026.2:支持TypeScript 7,集成GitHub Copilot,代理技能管理,以及更多功能

WebStorm 2026.2发布,支持TypeScript 7,提升大型代码库性能,集成GitHub Copilot,无需额外设置。新增代理技能管理器,允许AI代理跨项目共享知识,更新React 19支持,改进调试和用户体验,修复多项稳定性问题。

WebStorm 2026.2:支持TypeScript 7,集成GitHub Copilot,代理技能管理,以及更多功能

The JetBrains Blog The JetBrains Blog · 2026-07-16T14:46:25Z
如何在React中构建Shadcn Sheet组件:购物车和过滤面板示例

本文介绍了如何使用shadcn/ui构建购物车和过滤面板两个Sheet组件。购物车组件支持商品数量调整和实时小计,过滤面板包含类别复选框、价格范围滑块和星级评分过滤。教程涵盖组件的安装、状态管理和布局最佳实践,帮助开发者创建直观且易于维护的侧边面板体验。

如何在React中构建Shadcn Sheet组件:购物车和过滤面板示例

freeCodeCamp.org freeCodeCamp.org · 2026-07-13T14:13:49Z
使用TypeScript提升你的React技能

我们在freeCodeCamp.org的YouTube频道发布了一部新教程,教你如何在React中使用TypeScript。该课程适合希望提高代码安全性和可读性的开发者,涵盖TypeScript基础、状态管理、组件架构和函数属性等内容,帮助有效捕捉错误。

使用TypeScript提升你的React技能

freeCodeCamp.org freeCodeCamp.org · 2026-07-08T14:28:51Z
从 ReActAgent 看 AI Agent 的工程化落地:让模型真正能行动

ReActAgent 旨在提升 AI 的工程化应用,通过推理、工具调用和反馈形成闭环。与传统问答不同,ReActAgent 强调分析目标、选择工具和调整行为。成功的 AI Agent 需具备可观测性和可追溯性,以确保在复杂业务中安全执行。开发者应从小规模、明确的工作流入手,逐步实现自动化。

从 ReActAgent 看 AI Agent 的工程化落地:让模型真正能行动

mongona news mongona news · 2026-07-05T22:39:38Z

LobeHub迁移至React Router,通过Cloudflare缓存HTML降低算力成本。核心是确保SSR输出仅由URL决定,划分数据用途,设置分层缓存头,预渲染稳定内容,并移除主题的SSR依赖。验收标准为缓存命中、无回源及主题切换不改变响应。

LobeHub Landing 迁移 React Router:SSR 只由 URL 决定

静かな森 静かな森 · 2026-07-03T18:04:22Z

HeroUI v3 is a redesigned React component library, previously NextUI, offering over 75 components, including 21 new ones, and a new React Native library with 37 components. Built on React Aria and...

HeroUI v3 Lands as a Ground-Up Rewrite for React and React Native, Built on Tailwind CSS v4

InfoQ InfoQ · 2026-07-01T12:16:00Z
如何在TypeScript中构建可靠的SSE客户端

本文介绍了如何使用开源TypeScript库Ore构建可靠的流式客户端,以应对网络不稳定的情况。重点包括自动重试、解析服务器发送事件(SSE)规范,以及与React和React服务器组件的集成。通过async生成器,用户可以有效处理原始数据流和SSE事件,并在连接中断时实现恢复。文章还探讨了重连和指数退避策略,以提高流式数据的可靠性。

如何在TypeScript中构建可靠的SSE客户端

freeCodeCamp.org freeCodeCamp.org · 2026-06-25T22:49:09Z
如何在Monorepo中构建可扩展的设计系统

本文介绍了如何使用React和Turborepo构建可扩展的设计系统。设计系统是产品的基础构件,而Monorepo则将多个包集中在一个仓库中。结合这两者,可以实现模块化、一致性和更快的开发周期。文章提供了创建设计系统的步骤,包括设计包结构、构建设计令牌和基础组件,以及在应用中使用这些组件的方法。

如何在Monorepo中构建可扩展的设计系统

freeCodeCamp.org freeCodeCamp.org · 2026-06-22T18:12:27Z
如何避免在React中过度使用useCallback和useMemo

在React开发中,过度使用useCallback和useMemo可能导致性能问题和调试困难。建议将状态和逻辑移至需要它们的组件,以减少不必要的重渲染。通过优化组件结构,确保只有必要的部分使用memoization,从而提高性能。使用React DevTools进行性能分析,确认是否需要优化。

如何避免在React中过度使用useCallback和useMemo

freeCodeCamp.org freeCodeCamp.org · 2026-06-17T19:22:49Z
  • <<
  • <
  • 1 (current)
  • 2
  • 3
  • >
  • >>
👤 个人中心
在公众号发送验证码完成验证
登录验证
在本设备完成一次验证即可继续使用

完成下面两步后,将自动完成登录并继续当前操作。

1 关注公众号
小红花技术领袖公众号二维码
小红花技术领袖
如果当前 App 无法识别二维码,请在微信搜索并关注该公众号
2 发送验证码
在公众号对话中发送下面 4 位验证码
小红花技术领袖俱乐部
小红花·文摘:汇聚分发优质内容
小红花技术领袖俱乐部
Copyright © 2021-
粤ICP备2022094092号-1
公众号 小红花技术领袖俱乐部公众号二维码
视频号 小红花技术领袖俱乐部视频号二维码