14 hours ago
- 样式指南和代码检查可能会分散注意力;应专注于组件设计原则以提高韧性。
- 原则1:不要让数据流中断——避免将props复制到state中,确保副作用尊重prop/state的变化,并使用带有显式依赖项的useEffect等钩子。
- 原则2:始终准备进行渲染——避免依赖像componentWillReceiveProps这样的旧版生命周期方法;组件应优雅地处理重新渲染。
- 原则3:没有组件是单例——设计组件使其在多个实例挂载时也能正确工作(例如,避免在卸载时清理全局状态)。
- 原则4:保持本地状态隔离——区分真正的本地状态(例如,UI交互)和全局状态(例如,服务器数据);不要不必要地提升本地状态。
- 使用Prettier进行格式化,使用代码检查来发现错误,而不是强制遵循任意的样式规则。