- 译:101个React技巧#1组件组织
- 译:101个React技巧#2有效的设计模式与技术
- 译:101个React技巧#3Keys&Refs
- 译:101个React技巧#4组织React代码
- 译:101个React技巧#5高效状态管理
- 译:101个React技巧#6React代码优化
- 译:101个React技巧#7React代码调试技巧
- 译:101个React技巧#8测试 React代码
- 译:101个React技巧#9React hook
- 译:101个React技巧#10必知的React库/工具
- 译:101个React技巧#11React与Visual Studio Cod
- 译:101个React技巧#12React 与 TypeScript
- 译:101个React技巧#13其他技巧
94. 使用 eslint-plugin-react 和 Prettier 提升代码质量与安全性
如果你不使用 eslint-plugin-react😅,就不能算认真对待 React。
它能帮助你发现潜在错误并强制执行最佳实践。
因此,请确保为你的项目安装并配置它。
你也可以使用 Prettier 自动格式化代码,确保代码库风格一致。
95. 使用 Sentry 或 Grafana Cloud 前端可观测性工具记录和监控应用
无法衡量就无法改进 📏。
如果你正在为生产应用寻找监控工具,可以看看 Sentry 或 Grafana Cloud 前端可观测性。
96. 使用 Code Sandbox 或 Stackblitz 等在线 IDE 快速开始编码
本地开发环境可能很难设置。
特别是对于初学者 🐣。
所以可以从 Code Sandbox 或 Stackblitz 等在线 IDE 开始。
这些工具让你无需担心环境设置就能快速开始编码。
97. 寻找高级 React 技能?看看这些书籍 👇
如果你正在寻找高级 React 相关书籍 📚,我推荐:
- Advanced React by @adevnadia
- Fluent React by @TejasKumar_
- Building Large Scale Web Apps by @addyosmani and @djirdehh
98. 准备 React 面试?查看 reactjs-interview-questions
React 面试 ⚛️ 可能会很棘手。
幸运的是,你可以通过查看 这个仓库 来准备。
99. 向 Nadia、Dan、Josh、Kent 等专家学习 React 最佳实践
如果你想了解最新最佳实践和学习技巧,请确保关注这些专家:
- @adevnadia: x.com/adevnadia 获取高级 React 技巧
- @joshwcomeau: x.com/joshwcomeau
- @kentcdodds: x.com/kentcdodds
- @mattpocockuk: x.com/mattpococku… 获取 TypeScript 技巧
- @tejaskumar_: x.com/TejasKumar_
- @housecor: x.com/housecor
- 或者我 😅: x.com/_ndeyefatou…
100. 通过订阅 This Week In React 或 ui.dev 等通讯保持对 React 生态的了解
React 是一个快速发展的生态系统。
有许多工具、库和最佳实践需要跟进。
要保持更新,请确保订阅这些通讯 💌:
- This Week In React 由 @sebastienlorber 出品
- ui.dev
- 等等
101. 在 r/reactjs 等平台上参与 React 社区互动
React 社区非常棒。
你可以从其他开发者那里学到很多东西,也可以分享自己的知识。
所以请在 r/reactjs.等平台上与社区互动
就到这里啦 🎉。
留下评论 📩 分享你最喜欢的技巧(或者补充一个)。
也别忘了留下一个 “💖🦄🔥”。
如果你正在学习 React,可以免费下载我的 《101 个 React 技巧与窍门》电子书。