首页/标签/React

#React

专题介绍

这里聚合 CodeNodeX AI 社区中与 React 相关的技术文章和讨论，覆盖概念解释、工具对比、工程实践、常见问题和独立开发经验。

如果你正在研究 React，建议先阅读高质量长文，再参与帖子讨论，形成从理解到实践的完整路径。

@admin·3 分钟阅读·Web 开发

CORS 与 CSP:Web 安全的两道防线

CORS 和 CSP 名字像但完全不同:CORS 管跨域请求,CSP 管页面能加载什么。本文讲清 CORS 的预检/简单请求/凭证、CSP 的指令(restrict 来源/禁内联)、两者各自的坑,以及上生产必配的一套安全 header。

#React #DevOps♥ 1190 评论

@admin·5 分钟阅读·Web 开发

React 表单最佳实践

表单是前端最繁琐的活——验证、错误提示、动态字段、提交。本文讲清 React 表单的完整实践:React Hook Form vs Formik、zod 校验、受控 vs 非受控、Server Actions 提交、以及复杂数据(数组/嵌套)怎么处理,让你的表单既简洁又健壮。

#React #TypeScript♥ 1220 评论

@admin·3 分钟阅读·Web 开发

PWA 渐进式 Web 应用

PWA 让 Web 应用拥有原生 app 的能力——离线、安装到桌面、Push 推送、后台同步。本文讲清 PWA 的三大核心(Service Worker/Manifest/Web Push)、实现步骤、以及 2026 年的平台支持现状(iOS 终于支持 Push 了)。

#React #TypeScript♥ 1240 评论

@admin·3 分钟阅读·Web 开发

React 虚拟化:大列表性能优化

渲染 10000 条数据卡死?虚拟列表只渲染可视区域的几行,滚动时动态替换。本文讲清虚拟化的原理(窗口计算/DOM 复用)、react-window 和 TanStack Virtual 的用法、什么场景该虚拟化、以及它的代价(搜索/无障碍/动态高度)。

#React #TypeScript♥ 1270 评论

@admin·4 分钟阅读·Web 开发

Web Components:框架无关的组件标准

React/Vue 各自有组件,但换框架就白写。Web Components 是浏览器原生的组件标准——Custom Elements + Shadow DOM,跨框架复用。本文讲清 WC 的核心 API、和 React/Vue 组件的区别、什么时候值得用(组件库/微前端),什么时候别用。

#React #TypeScript♥ 1300 评论

@admin·4 分钟阅读·Web 开发

React 数据获取:从 fetch 到 React Query

useEffect+fetch 看着简单,坑极多(竞态/重复请求/无缓存/无重试)。本文讲清 React 数据获取的演进:useEffect(反模式)→ React Query/SWR(服务端状态库)→ Server Components(RSC 服务端获取),各自该用在哪,以及 RSC 和 RQ 不是替代是互补。

#Next.js #React♥ 1330 评论

@admin·4 分钟阅读·Web 开发