微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

维护可重用的打字稿 UI 组件

如何解决维护可重用的打字稿 UI 组件

我的目标是为大型项目创建可重用的 UI 组件库。这个项目的设计师已经建立了一个设计模式,我知道将来其他人(新应用程序)将不得不遵循这些相同的模式。团队希望尽可能使用 react+typescript。

目前的计划是使用 storybook+TS 之类的东西构建这些 UI 模式,然后在我们的应用程序中重用它们。

作为 TS 的初学者,我很难理解它是如何工作的。根据我对 TS 的短暂体验,我知道当我创建一个组件并为其分配 props 时,我会指定 prop 类型,并且这些类型与我的应用程序的内容相匹配。

例如,当考虑在我们的自定义库中创建“列表组”时。在我们当前的 TS 应用程序中,我们传递了一个与我们的应用程序相关的类型的 items 数组,因此该组件具有与我们发送的类型完全匹配的 props。毕竟这就是使用 TS 的好处。从这里我的问题:

如何使用更抽象的组件?我只能想象使用 lile any 类型的东西来描述内容,但这感觉与使用 TS 的点背道而驰。这个过程有正常的工作流程吗?我找不到关于 react+UILib+TS+storybook 的这种特定用法的好文章

欢迎提供任何提示或 ELI5。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。