React-MicroMatrix

MicroMatrix 博主等级

明月别枝惊鹊,清风半夜鸣蝉

累计撰写 135 篇文章
累计创建 41 个标签
累计收到 2 条评论

目录CONTENT

以下是 React 相关的文章

2026-06-10
一次前端打包分割优化：从 1618 个模块降到 98 个模块最近在一个 Vite + React 项目里做前端样式调整时，发现打包阶段明显变慢。排查后发现，问题不在业务代码，而在第三方库的引入方式上。这篇文章用这个真实例子讲一下：为什么一个简单的 import { Icon } from "xxx" 可能让打包器扫描整套库，以及如何把它改成“只打包实际使用
- 2026-06-10
- 1
- 0
- 0
- thinks
2025-01-24
React 组件通讯与插槽摘要本文总结几种常见的 react 组件通讯方式，帮助新手玩家快速完成开发任务。父子组件通信父组件传递数据给子组件： // ParentComponent.jsx import React from 'react'; import ChildComponent from './ChildCom
- 2025-01-24
- 37
- 0
- 0
- share
2025-01-24
React 快速入门-核心语法摘要本人是一个 React 新手，目前工作中需要用到 React 的相关知识，所以初步做了了解。这里主要是分享平常使用的一些案例。本章节主要是 React 核心函数使用内容。 JSX 语法注意事项基本使用 const element = <h1>Hello, world!</h1>; 注意事项
- 2025-01-24
- 18
- 0
- 0
- share
2024-12-04
React 常用 Hooks 实战对于新手 react 玩家来说，了解常用的 React Api 是一件重要的事情，这篇文章可以帮组你很快的了解常用 Api，帮助你在开发中快速而有效的完成任务。 React 中常用的五个 Hooks useState 用于在函数组件中添加状态，状态的更新会触发组件重新渲染。示例： import R
- 2024-12-04
- 9
- 0
- 0
- share
2024-07-01
如何正确使用 useEffect：常见错误及解决方案摘要 React 中使用useEffect的基本概念和常见错误，包括useEffect的运行时机、依赖关系的处理、清理函数的使用等。通过示例演示了useEffect在组件更新和页面渲染中的运行过程，以及不同数据类型之间的差异对依赖关系的影响。同时之前的文章也提到了使用 useMemo 和 useCa
- 2024-07-01
- 10
- 0
- 0
- thinks
2024-06-20
React 项目性能提升：如何避免路由懒加载和图片懒加载导致的慢速问题前言在日常的 React 项目开发中，这些错误会让你的项目变慢。实际上如果你熟悉 Vue 项目的开发话，这些道理是相同的。这边文章分析的是路由懒加载和图片懒加载。路由懒加载通过 React.lzay() 实现组件的动态加载 import() 拆包优化性能不需要一次加载全部的 js 文件例子
- 2024-06-20
- 24
- 0
- 0
- share
2024-06-18
React 性能优化：如何避免乱用缓存带来的问题前言在之前的文章中，我列举了一些 React 常用的 Hooks。其中一些 Hooks 如 React.memo,useMemo 等 hooks 可以缓存结果，但是这不代表我们可以无脑的缓存，因为内存的开销也是很昂贵的。组件化 import React from "react"; const
- 2024-06-18
- 9
- 0
- 0
- share