将常规 HTML/Javascript 转换为 React

Converting regular HTML/Javascript to React

本文关键字:转换 React Javascript 常规 HTML      更新时间:2023-09-26
这可能是

一个普遍的问题,但有许多项目需要将现有的、臃肿的前端移动到 React。可能有效果、样式、动画、表单,并且由于 React 的工作方式不同,因此重用您所拥有的内容的最佳实践是什么:

  • .HTML
  • .CSS
  • 爪哇语

例如,我看到 Bootstrap 完全是为 React 重写的,所以那里没有太多的重用发生。

我认为从一个迁移到另一个并非易事。如果你的项目像一些HTML/CSS页面一样简单,那么它可能就是这样。在另一种情况下,很难说可能与否。

关于效果,动画:我的建议是没有必要避免它。或者你必须跟踪动画时间,并在 React 中调用 render() 方法进行一些延迟。

表单数据可以在已履行的表单状态中轻松收集,然后将其传递到其他地方(后端或其他状态)。

由于基本 React 原则的不兼容,JavaScript 逻辑是最难的部分。尝试研究类似Flux的东西。

React 主要处理组件。React 组件实现了一个 render() 方法,该方法获取输入数据并返回要显示的内容。

您需要将 html 部分划分为不同的组件(就像切片一样)。它与php等其他项目非常不同。所有功能主要取决于状态和道具。

您可以在项目中重用现有的 css,而不是引导部分。

如果你有兴趣将其转换为 React,我认为你应该从头开始。我认为这是最好的选择。