标签
react
相关的文章：本列表汇集了关于 React 的实用文章，涵盖状态管理、性能优化、路由配置及部署等主题，帮助开发者深入理解和应用 React 技术。
Undo/redo functionality isn't just for text editors — it's critical for rich apps like form builders, design tools, and config editors. Here's how to build a fully working persistent undo/redo...
撤销/重做功能对富应用程序（如表单构建器和设计工具）至关重要。本文介绍如何在React中利用hooks和context构建持久的撤销/重做栈，包括创建撤销上下文、构建可编辑组件、添加撤销/重做按钮，并将应用程序包装在撤销提供者中。这种方法轻量且易于扩展，适合小型和中型状态。
Global search bars are common, but debouncing search queries without messy prop drilling can get tricky. Let's create a clean, performant global search context with built-in debounce — no...
本文介绍了如何在React中创建高效的全局搜索上下文，内置防抖功能，无需第三方库。通过创建搜索上下文和输入组件，任何组件均可订阅防抖后的搜索词，从而提升用户体验。优点包括减少API调用、代码简洁和全局可访问性，但存在固定延迟和错误处理不足的问题。
Global state in React can easily become a performance bottleneck. When one component updates, others often re-render unnecessarily. Let's build a custom Context setup that uses selectors to avoid...
React中的全局状态可能导致性能瓶颈。通过自定义Context和选择器，可以避免不必要的重新渲染。本文介绍了如何创建一个订阅系统，使组件仅在关心的状态变化时更新，从而提升性能，适用于小型到中型项目。
Form validation often triggers unnecessary re-renders, especially in large React apps. In this guide, we’ll build a no-re-render validation system using React Context, Refs, and a touch of...
本文介绍了一种无重渲染的表单验证系统，利用React Context和Refs，适用于大型React应用。通过创建验证上下文，输入框注册验证器而不触发全局状态更新，从而提高性能。提交时一次性验证所有字段，避免输入时的重渲染，适合复杂表单。
Introduction React applications must often store and manage data efficiently to provide a seamless user experience. This storage can be temporary (in-memory), persistent (saved across sessions),...
React 应用需要有效管理数据，存储方式包括内存、地方存储、会话存储、Cookies、IndexedDB 和服务器存储。内存适合临时数据，地方存储用于小量持久数据，会话存储在标签页有效，Cookies 适合身份验证，IndexedDB 处理大数据，服务器存储适合大型应用。选择合适的存储方式对构建高效应用至关重要。
Hello developers! 👋 I’m Aryan Neupane, currently on a mission to become a full-time cross-platform app developer in 6 months. Today, I’m super excited to share my journey of building my first full...
开发者Aryan Neupane致力于成为全职跨平台应用开发者。他分享了使用React、Context API和LocalStorage构建员工管理系统的经验，包括用户登录、角色仪表板和任务管理。在这个项目中，他学习了认证流程和状态管理，并计划未来学习React Native和连接真实数据库。
Explain the difference between request and response interceptors in Axios. How would you add a custom header to all Axios requests using interceptors? What is a JWT, and what are its three...
Axios的请求和响应拦截器可用于为所有请求添加自定义头。JWT由头部、载荷和签名三部分组成，签名JWT与加密JWT的主要区别在于安全性。JWT可以存储在localStorage或cookies中，各有优缺点。防止JWT被篡改和盗取的方法包括使用HTTPS和设置短期有效期。JWT用于无状态认证，区别于基于会话的认证，并可在Axios请求头中包含JWT。
Hi everyone! Cyril and Matthieu from Theodo Apps here 👋, standing in for Seb to bring you the latest news from the React and React Native worlds. This week, we have two exciting blog posts for the...
本周，React和React Native领域更新包括发布React编译器候选版、Legend List 1.0版本提升性能，以及多篇博客分享最佳实践和新功能。
Understanding React Server Components (RSC): The Future of React Rendering React Server Components (RSC) mark a fundamental shift in how we build performant React applications. Introduced by the...
React 服务器组件（RSC）通过服务器渲染组件，减少客户端 JavaScript 代码，提高性能和可扩展性。RSC 支持流式渲染，适合静态内容和快速数据获取，但不适合交互组件。它与 Next.js 兼容，推动混合渲染的发展。
If you're starting with Tailwind CSS v4, you might’ve noticed: most tutorials and videos are still stuck in the old version. I faced it too—docs didn’t help much, and outdated commands like...
本文介绍了在React和Vite中设置Tailwind CSS v4的步骤，包括创建项目、安装Tailwind、编辑CSS文件和配置vite.config.js，最后通过运行开发服务器来使用Tailwind v4。作者希望帮助初学者。
正在访问的资源需要验证您是否真人。
或在微信中搜索公众号“小红花技术领袖”并关注
第二步：在公众号对话中发送验证码：