为了挑战并帮助我学习 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" />)
这样的事情。