常用开发工具一览 📚
以下为 React 开发中常用工具及使用建议：
React Developer Tools 🕵️♂️
点击查看 React DevTools 使用教程VS Code 💻
安装 ESLint 插件提升代码规范性Webpack 📦
配置react和react-dom的alias优化模块导入
调试技巧 🧪
- 使用
React Developer Tools的 Component Tree 查看虚拟 DOM 结构 - 启用
React DOM的development模式获取警告提示 - 调用
console.log()时优先使用React Developer Tools的 React Developer Tools 调试面板
性能优化 🔧
- 使用 React Profiler 分析组件渲染性能
- 启用
useMemo和useCallback避免不必要的重新渲染 - 利用 Webpack Bundle Analyzer 视觉化查看打包体积