初学者的 React 实践

1.导入订单++

2. 不带括号的 JSX --

3.三元运算符++

4. Render 内部函数 --

5. Fragment++

6. 保留的道具命名 –

8. Javascript 之外的 CSS --

9. 模板字面量++

10. 明确回报——

结论

React 可以说是当今最常用的框架之一，每天都有人选择它，因为它的 UI 优先理念。可以肯定地说，React 库和整个生态系统多年来已经日趋成熟，并且仍在不断发展壮大。因此，在适应 React 的过程中，以下是一些你可以选择和避免的做法。

1.导入订单++

代码的可读性是每个开发人员都应该关注的问题，按顺序导入所有内容可以大大提高代码的可读性。通常，按以下顺序导入是一个好习惯：
内置
内部
外部

2. 不带括号的 JSX --

如果组件跨越多行，则始终将其括在括号中。

3.三元运算符++

为了减少代码行数，如果条件涉及两个值，则可以选择三元运算符。

4. Render 内部函数 --

最佳做法是将渲染器内部的逻辑保持在最低限度，并避免在其中定义函数。

5. Fragment++

为了避免虚拟 DOM 创建不必要的节点，请始终使用 Fragment 而不是 Div。只需div从 中删除<div>，就剩下一个 fragment，即 <>

6. 保留的道具命名 –

当您必须在它们之间传递 props 时，请避免使用 DOM 组件 prop 名称，因为这些名称可能不是其他人所期望的。

#7. Memo++
为了帮助编译器避免不必要的渲染，您可以使用Memo和React.PureComponent。这将大大提高应用程序的整体性能。

8. Javascript 之外的 CSS --

大多数开发人员都知道组织 CSS 比 Javascript 更难，因此最好避免在 React Apps 的开发阶段使用原始 Javascript。

9. 模板字面量++

为了获得美观整洁的代码，请尝试对大字符串使用模板字面量。它还可以减少代码中字符串的集中度。

10. 明确回报——

优先考虑编写美观易懂的代码。无需添加 {return}，您可以使用 JavaScript 的隐式 return 来更好地格式化代码。

结论

以上就是我个人挑选的 React 框架新手入门最佳实践。欢迎分享你最喜欢的！

快乐开发！