将React组件转换为Stenciljs

Question

为了挑战和帮助我学习Stenciljs，我想把团队做的一些React组件转换成Stencil组件。

我不知道React和一些Stenciljs，但我知道Angular。我知道Stenciljs是来自不同“框架”的好东西的混合，所以我可能会理解一点。:-)

关于组件移植有什么建议吗？

这可行吗？

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

谢谢

Answer 1

我们将在接下来的几周里做同样的事情，看起来会很容易。

我们将react和Typescript一起使用，所以我们已经有了props和state的接口，只需使用装饰器@Prop()和@State()重写即可。因为在模板中你也有一个类似于react类组件的render()函数，你可以只复制你的react render()函数的代码(或者如果你有一个基本上只由一个render()函数组成的functional react组件，只需要复制所有的东西)。

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