将常规HTML/Javascript转换为React

将常规HTML/Javascript转换为React,javascript,reactjs,Javascript,Reactjs,这可能是一个一般性的问题,但有许多项目需要移动现有的、臃肿的前端以作出反应。可能会有效果、样式、动画、形式,而且由于React的工作方式不同,因此,有哪些最佳实践可以重用您所拥有的: HTML CSS Javascript 例如,我看到它被完全重写为React,所以没有太多的重用发生在那里 我认为从一个迁移到另一个并不是一件小事。如果您的项目像一些HTML/CSS页面一样简单,那么它可能会更简单。在另一种情况下,很难说可能与否 关于特效、动画:我的建议是无需避免。或者,您必须跟踪动画时间,并

这可能是一个一般性的问题,但有许多项目需要移动现有的、臃肿的前端以作出反应。可能会有效果、样式、动画、形式,而且由于React的工作方式不同,因此,有哪些最佳实践可以重用您所拥有的:

  • HTML
  • CSS
  • Javascript

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

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

关于特效、动画:我的建议是无需避免。或者,您必须跟踪动画时间,并在React中延迟调用render()方法

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


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

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

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

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


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

如果设计师说必须要有动画,那么可以将用户指向某个地方,那么我不能说不。设计团队还使用了一些HTML/CSS/JS生成器,这是另一个麻烦。我可以给你一个例子来说明我的观点:有时一个动画发生了,但没有完成,另一个动画可能会被触发。结果,你会突然中断第一个动画,并开始新的动画。只是出于兴趣,你想用什么反应,你有困难吗?这个问题相当含糊。。糟糕的设计方法是糟糕的设计方法。。不要有一个糟糕的设计方法。这不是关于设计,而是关于重用前端的东西并将它们转换为反应。这不是一个从头开始的项目,有相当多的前端代码已经很好地工作了。但现在需要采取行动,按原样作出反应。所以,问题不在于设计,而是将现有项目移动到Rect。我想知道是否有一些简单的方法,或者我必须从0开始,搜索类似的React组件并构建我找不到的内容。或者我可以使用现有的东西,半自动转换为React。不要像当前使用Javascript那样使用React。。如果你做了完全相同的事情,只是做了不同的事情,你为什么还要费心“迁移”呢?我还是没能解释清楚。由于各种原因,整个技术堆栈都在向前和向后移动,这超出了我的决策范围。但是,外观和感觉以及前端的功能必须保持不变。因此,我正在寻找更简单的选择,而不是在React中重写整个过程,我宁愿重用任何可重用的东西。->我不羡慕你的任务。。但是你最终会写很多东西,你最好从头开始。。至少,事情会进展得更顺利(