将常规 HTML/Javascript 转换为 React
Converting regular HTML/Javascript to React
这可能是
一个普遍的问题,但有许多项目需要将现有的、臃肿的前端移动到 React。可能有效果、样式、动画、表单,并且由于 React 的工作方式不同,因此重用您所拥有的内容的最佳实践是什么:
- .HTML
- .CSS
- 爪哇语
例如,我看到 Bootstrap 完全是为 React 重写的,所以那里没有太多的重用发生。
我认为从一个迁移到另一个并非易事。如果你的项目像一些HTML/CSS页面一样简单,那么它可能就是这样。在另一种情况下,很难说可能与否。
关于效果,动画:我的建议是没有必要避免它。或者你必须跟踪动画时间,并在 React 中调用 render() 方法进行一些延迟。
表单数据可以在已履行的表单状态中轻松收集,然后将其传递到其他地方(后端或其他状态)。
由于基本 React 原则的不兼容,JavaScript 逻辑是最难的部分。尝试研究类似Flux的东西。
React 主要处理组件。React 组件实现了一个 render() 方法,该方法获取输入数据并返回要显示的内容。
您需要将 html 部分划分为不同的组件(就像切片一样)。它与php等其他项目非常不同。所有功能主要取决于状态和道具。
您可以在项目中重用现有的 css,而不是引导部分。
如果你有兴趣将其转换为 React,我认为你应该从头开始。我认为这是最好的选择。
相关文章:
- 如何处理 React / Flux 组件中的状态转换
- 有没有一个工具可以将React Elements的javascript代码转换为JSX
- 在 React 的 html 输入中在美分和美元之间进行转换
- 将 React Component 值转换为 vanilla Javascript
- 将常规 HTML/Javascript 转换为 React
- Babel React 转换:属性值预期的字符串类型,但得到空
- React js getInitialState 在转换为 es6 后不起作用
- React HTMLtoJSX 不转换大括号
- React-router v2 不会使用 context.router.rereplace 进行转换
- React-Native:将图像网址转换为base64字符串
- Karma+Mocha+React无法将Symbol值转换为字符串
- 如何将react JSX文件转换为简单的JavaScript文件[离线转换]
- 如何在React Native中使用Navigator对正在转换为的组件调用方法
- 将React.element转换为JSX字符串
- 使用Gulp将jsx转换为js时出现React语法错误
- 这个问题的原因是什么;无法转换org.json.JSONArray类型的参数“”;在react原生android中
- 使用JQuery插件来转换React组件中的DOM
- 如何在React中进行两天的数据绑定,当输入值A更新时B更新,反之亦然,同时保留以前转换的历史记录
- 将单个React组件转换成JS小部件
- babel寄存器无法转换react