react.js

一袋米扛几楼98

【React框架】什么是 Vite？如何使用vite自动生成react的目录？Vite 是一个基于原生 ES Modules 开发的前端构建工具，由 Evan You（Vue 的作者）开发。它最大的特点包括：

1、从零搭建魔法工坊：React 19 新手村生存指南"你好，年轻的魔法学徒！欢迎来到React魔法世界。我是你的向导赫敏·韦斯莱，今天我们将用React 19这根全新魔杖，搭建属于你的第一座魔法工坊。" ——以对话形式开场，消除技术文章的冰冷感，让读者代入角色。

React 第三十节使用 useState 和 useEffect Hook实现购物车使用 React 自带的 useState 和 useEffect Hook 即可实现购物车使用 setList() 进数据状态更新

react-router-manage企业级路由方案使用文档react-router-manage基于react-router v6版本实现，通过配置可实现路由的鉴权、路由守卫、路由的增删改查等功能。由于react-router v5升级到v6有较大的成本，react-router-manage提供了原来 v5 部分的 api 用于兼容使用 v5 的项目，用于平滑升级 v6

前端大屏原理系列：高性能拖拽系统的实现本文是《前端大屏原理系列》第一篇：高性能拖拽系统的实现。本系列所有技术点，均经过本人开源项目 react-big-screen 实际应用，欢迎 star (*´▽｀)ノノ.

React useEffect在发送请求后执行代码当依赖项为空时，每一次请求和更新组件都会使得useEffect执行只有count作为依赖项

React Native (RN)的学习上手教程React Native 是由 Facebook 开发的开源框架，允许开发者使用 JavaScript 和 React 构建原生移动应用。它的口号是"学习一次，编写任何平台"。

HOW - 缓存 React 自定义 hook 的所有返回值（包括函数）即，尽量使用 React 已提供的稳定引用，比如 useMemo, useCallback, useRef, 而不是每次都创建新值。这样能我们提供的 Hook 更高效、更可控。

第二节：React 基础篇-受控组件 vs 非受控组件• 用户输入时立即触发搜索请求（需防抖优化） • 输入内容需要动态高亮匹配结果 • 支持清空输入后重置搜索结果

Taro 数字滚动组件作者前段时间在搭建公司的小程序模板仓库 taro3.x + tailwindcss + zustand 小程序开发 | 掘金。结果发现了一些项目所用组件库 @antmjs/vantui 的bug。当时自己试着修复一下提下pr，结果维护团队响应太快了🤣自己修好上去了。自己就这么失去了第一次提pr的机会......不服气的我就去翻了issue，想着一定得提一个上去，结果让我看到了可以增加一个数字滚动组件么 · Issue #632

React的合成事件2年半前端练习生，第一篇文章记录一下。初衷：与其闭门造车，不如发出来让大伙批评再学习改进。React给予浏览器的事件机制实现了一套自己的事件机制，包括事件注册、事件合成、事件冒泡等等内容。

React入门（四）-全局路由以及mock数据模块化本次优化主要围绕功能增强、代码模块化以及项目结构优化展开，具体如下：为防止用户绕过登录页面直接访问受保护路由，我们在AppContent方法中引入了全局路由监听机制。通过useEffect钩子监听路由变化，结合sessionStorage检查用户登录状态，确保未登录用户无法访问非登录页面。代码实现：

知识了解02——了解pnpm+vite+turbo+monorepo的完整构建步骤（react子项目）

HOW - 如何测试 React 代码@testing-library/react使用测试演练场轻松创建测试用例。方法一：在测试中使用 screen.logTestingPlaygroundURL()。此函数生成一个 URL。

第三节：React 基础篇-React组件通信方案React 组件通信方案详解及使用场景以下是 React 组件通信的常用方法及其适用场景，以层级结构呈现：

手把手带你掌握Zustand：轻量级React状态管理利器一个小巧、快速且可扩展的极简状态管理解决方案。Zustand 提供了一个基于 Hooks 的舒适 API，它不啰嗦、不强加架构约束，但有足够的约定性，使其语义明确，风格类似 Flux。

React 入门到进阶全攻略

React 从基础到架构实践

第一节：React 基础篇-React虚拟DOM原理及Diff算法优化策略必考点：虚拟DOM树对比（同级比较、Key的作用、组件类型判断）延伸：React 18中并发更新对Diff算法的影响