最新的防暴版本(3.11)推荐的最新种子/设置是什么?

时间:2018-07-30 07:00:52

标签: riot.js riotjs riot

今天获得基于防暴UI的最优雅方法是什么?

我希望解决以下几点:

  1. 适当的代码映射以方便调试
  2. 捆绑应用程序的好方法(到目前为止,我使用Webpack和JSPM)
  3. 如果能与Typescript完美配合,那就太好了。
  4. 是否最好使用Tag文件或纯JS?如果是更高版本,使用从riot的tag类继承的类会更好吗?如果是这样,我可以将模板代码放在另一个文件中吗?
  5. 未来的兼容性:我看到将会发生变化(“默认导出”的事情)-您如何建议编写最平滑的迁移路径的代码?

如果您还有其他要考虑的项目-请添加它们。...

1 个答案:

答案 0 :(得分:1)

感谢您提出这些问题。我已尝试回答您所有的问题,希望它们也对其他Riot.js用户有用

  

适当的代码映射以方便调试

riot编译器仅生成javascript代码,而无需过多修改原始源代码的结构。任何现代浏览器都应该能够提供debugger断点,并且console会调用您需要的所有调试工具。例如,检查堆栈trace of this error并不需要太多来弄清楚堆栈的来源。

  

捆绑应用程序的好方法(到目前为止,我使用Webpack和JSPM)

在此仓库中,我们提供了3个不同的javascript捆绑包示例:rollupwebpackriot-compiler。我个人更喜欢汇总,但是您可以(并且应该)使用最适合您和您的团队的东西。

  

如果可以与Typescript完美配合,那就太好了。

riot公共方法已经可以作为Typescript接口使用: -https://www.npmjs.com/package/@types/riot -https://www.npmjs.com/package/@types/riot-route

我不是打字稿用户,这就是为什么我不会花时间在不使用但欢迎PR的技术中制作示例的原因

  

最好使用Tag文件或纯JS?如果是更高版本,使用从riot的tag类继承的类会更好吗?如果是这样,我可以将模板代码放在另一个文件中吗?

我建议您只使用Tag文件,因为riot是作为组件库设计的,它完全包含组件组成与类继承的理念。如果您拥有可以在多个组件之间共享的代码,则可以使用mixins或将其与捆绑程序一起直接导入标签see for example

  

未来的兼容性:我看到将会有所改变(“导出默认值”的东西)-您如何建议编写最平滑的迁移路径的代码?

Riot 3与Riot 4不兼容(将完全重写)。我不建议任何最佳实践来使您的代码可移植到Riot4。请记住,仍将支持Riot 3,并且您的代码将在未来10年甚至可以在IE9上运行。一旦riot 4发布并且API将保持稳定,我可以提供有关迁移路径的更多提示。