使用来自 Typescript 的 react-meteor-data

Question

问题：

如何在 Typescript 中使用 react-meteor-data？

背景：

我刚刚开始一个新项目，想使用 Meteor。

根据我一直在阅读的内容 (link)，建议似乎是将 React 与 Meteor 一起用于新项目。太好了，我还是想学习 React。

由于我是一名 Java 程序员，我真的很想使用 Typescript。

但是我在使用这三种技术时遇到了很多麻烦。

具体来说，如何将 react 组件连接到流星容器？

我相信我应该使用 react-meteor-data 但如果我运行 typings search meteor add react-meteor-data我什么也没找到。

我从这里去哪里？

额外学分：

我真正想要的是有人重写Todo App with React 教程以便与 Typescript 一起使用。那会让我的生活轻松很多。有接盘侠吗？

Answer 1

根据我一直在阅读的内容，对于整个 Javascript 社区，尤其是对于 Meteor 社区来说，这是一个尴尬的时期。随着 Webpack、Typescript、Flow、Angular2、React 和许多其他新工具和技术的引入，现在开始一个 Meteor 项目是很痛苦的（只要你想使用其中一些现代技术）。也许很快就会再次变得容易。

这里有一些非常有用的文章：

1. State of Meteor (part 1)
2. State of Meteor (part 2)

考虑到这一切，我决定暂时使用 Express。

Answer 2

目前react-meteor-data 似乎没有类型包，但你可以把这个声明放在你的一些.d.ts 文件中，我认为它已经足够了：

declare module 'meteor/react-meteor-data' {
  function createContainer(
    getMeteorData: (props?: Object) => Object,
    component: React.ComponentClass<any> | React.StatelessComponent<any>,
  ): React.ComponentClass<any>;
}

Answer 3

优秀的流星类型项目有很多可用的流星类型。 react-meteor-data 在这里有可用的类型： https://github.com/meteor-typings/react-meteor-data

https://github.com/meteor-typings/ 提供其他类型，包括流路由器。

在我的 tsconfig.json 中，我添加了：

"types": ["meteor-typings"]

但您可能不需要这样做。

Answer 4

import { useTracker } from 'meteor/react-meteor-data'