react-native - react-native中flow和eslint有什么区别？我应该使用哪一个？我可以同时使用吗？

Question

我被要求在我的项目中使用react-native的静态分析器。因为我已经在使用Eslint了，所以它更漂亮，这也有助于识别编译时错误，然后我在react-native中找到了进行静态分析的流程。

eslint使我感到困惑，做了类似的工作。

而且我没有发现流量与eslint之间有什么区别。所以我的问题是

eslint和flow解决相同的目的吗？

如果不是，那么何时使用eslint以及何时使用流

我可以同时使用flow和eslint吗？

Answer 1

1. Are eslint and flow solve the same purpose ?

是的。我认为他们有相同的最终目的(这并不意味着他们可以解决相同的问题)。通过警告丑陋/错误的语法代码，帮助程序员意识到可能在键入/编码阶段导致错误的错误/风险代码。因此，它将减少运行时错误。

2. if not then when to use eslint and when to use flow

ESLint是一个短毛猫
https://eslint.org/docs/about/

Code linting is a type of static analysis that is frequently used to find problematic patterns or code that doesn’t adhere to certain style guidelines. There are code linters for most programming languages, and compilers sometimes incorporate linting into the compilation process.

ESLint更像常规规则一样检查规则。

Flow是一个静态类型检查器
https://flow.org/en/docs/getting-started/

Flow is a static type checker for your JavaScript code. It does a lot of work to make you more productive. Making you code faster, smarter, more confidently, and to a bigger scale.

Flow checks your code for errors through static type annotations. These types allow you to tell Flow how you want your code to work, and Flow will make sure it does work that way.

它与ESLint有点相同，但是要深入关注类型注释。

如果要在约定级别上减少JS中的错字/风险/丑陋的代码->需要ESLint。

如果您想向JS代码添加粘性类型，其他程序员不会以错误的方式使用您的代码->流程

3. Can I use flow and eslint together ?

是的。我正在使用@ babel/preset-flow和eslint-config-airbnb。

P/s:在我看来，ESLint是必不可少的。可以考虑使用Flow/TypeScript