将 React 组件转换为 Stenciljs



为了挑战并帮助我学习 Stenciljs,我想将团队所做的一些 React 组件转换为模板组件。

我不了解 React 和一点点 Stenciljs,但我知道 Angular。我知道 Stenciljs 是来自不同"框架"的好东西的混合体,所以也许我能够理解一点。:-)

关于组件移植的任何建议?

可行吗?

有人已经做过这种事情了吗?如果是这样,任何可能有用的示例或步骤都会很好。

谢谢

我们将在接下来的几周内做同样的事情,看起来

这很容易。

我们已经将 react 与 Typescript 一起使用,因此我们已经有了用于 props 和状态的接口,只需使用装饰器 @Prop()@State() 重写即可。因为在模板中你还有一个render()函数,类似于 react 类组件,你可以只复制你的 react render()函数的代码(或者如果你有一个函数 react 组件,它基本上只包含一个render()函数,只需复制所有内容(。

需要注意的一件事是,反应中的{children}比模板中的<slot />要强大得多。因此,如果你有更大的组件和大量的父子关系,翻译就不会那么容易,因为据我所知,你不能做像slot.map(item => <SomethingElse prop="stuff" />)这样的事情。

相关内容

  • 没有找到相关文章

最新更新