Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/dustinspecker/awesome-flow

A list of awesome Flow integrations, tools, tutorials, etc.
https://github.com/dustinspecker/awesome-flow

List: awesome-flow

awesome awesome-list flow list

Last synced: about 2 months ago
JSON representation

A list of awesome Flow integrations, tools, tutorials, etc.

Awesome Lists containing this project

README

        

# Awesome Flow [![Awesome](https://awesome.re/badge.svg)](https://awesome.re)

[](https://flow.org/)

> A list of awesome Flow integrations, tools, tutorials, etc.

If you want to contribute, please read the [contribution guidelines](contributing.md).

## Contents

- [Integrations](#integrations)
- [Tools](#tools)
- [Packages / Helpers](#packages--helpers)
- [Tutorials](#tutorials)

## Integrations

- [flow-for-vscode](https://github.com/flowtype/flow-for-vscode) - Flow for Visual Studio Code.
- [ide-flowtype](https://atom.io/packages/ide-flowtype) - Atom.io IDE support for Facebook Flow.
- [SublimeLinter-flow](https://github.com/SublimeLinter/SublimeLinter-flow) - SublimeLinter plugin for JavaScript static type checking, using flow.
- [vim-flow](https://github.com/flowtype/vim-flow) - A vim plugin for Flow.
- [WebStorm: Using the Flow Type Checker](https://www.jetbrains.com/help/webstorm/using-the-flow-type-checker.html)
- [IntelliJ: Using the Flow Type Checker](https://www.jetbrains.com/help/idea/using-the-flow-type-checker.html)
- [PHPStorm: Using the Flow Type Checker](https://www.jetbrains.com/help/phpstorm/using-the-flow-type-checker.html)

## Tools
- [@babel/preset-flow](https://www.npmjs.com/package/@babel/preset-flow) - Flow preset for babel.
- [@babel/plugin-transform-flow-strip-types](https://www.npmjs.com/package/@babel/plugin-transform-flow-strip-types) - Strip flow type annotations from your output code. Included in preset.
- [flow-runtime](https://github.com/codemix/flow-runtime) - Runtime type checking for Flow.
- [eslint-plugin-flowtype](https://github.com/gajus/eslint-plugin-flowtype) - Get flow errors as eslint errors.
- [flow](https://github.com/flowtype/flow-bin) - Binary wrapper for Flow.
- [flowgen](https://github.com/joarwilk/flowgen) - Generate flowtype definition files from TypeScript.
- [flow-remove-types](https://github.com/flowtype/flow-remove-types) - Removes Flow type annotations from JavaScript files with speed and simplicity.
- [flow-typed](https://github.com/flowtype/flow-typed) - A central repository for Flow library definitions.
- [flow-scripts](https://github.com/yangshun/flow-scripts) - Utility scripts for Flow. Can generate naive stubs and finds unannotated files.
- [gen-flow-files](https://github.com/ilyalesik/gen-flow-files) - Script for transform JavaScript files to flow definition files.
- [gulp-flowtype](https://github.com/charliedowler/gulp-flowtype) - Run Facebook's Flow in your gulp pipeline.
- [ember-flowtype](https://www.npmjs.com/package/ember-flowtype) - Integrate FlowType.JS into Ember.
- [flowtype-loader](https://github.com/torifat/flowtype-loader) - Flow loader for webpack.
- [babel-plugin-flow-react-proptypes](https://www.npmjs.com/package/babel-plugin-flow-react-proptypes) - A babel plugin to generate React PropTypes definitions from Flow type declarations.
- [css-modules-flow-types](https://github.com/skovhus/css-modules-flow-types) - generate flow types from [CSS Modules](https://github.com/css-modules/css-modules).
- [flow-coverage-report](https://github.com/rpl/flow-coverage-report) - Generate flow coverage reports in JSON, HTML and in the console.
- [flow-mono-cli](https://github.com/ImmoweltGroup/flow-mono-cli) - CLI tool to make working with monorepos easier.
- [swagger-to-flowtype](https://github.com/yayoc/swagger-to-flowtype) - Generate Flow types from swagger file.
- [javaflow](https://github.com/havardh/javaflow) - Java model to flowtype converter.
- [thrift2flow](https://github.com/uber-web/thrift2flow) - Converts Thrift specs into Flow JavaScript type definitions.
- [json-schema-to-flow-type](https://github.com/PassFort/json-schema-to-flow-type) - Convert JSON Schema to flow type definitions.
- [graphql-code-generator](https://graphql-code-generator.com/docs/plugins/flow) - Generate Flow types from GraphQL schema.

## Packages / Helpers

- [database-types](https://github.com/gajus/database-types) - A generic type generator for various databases.
- [flow-static-land](https://www.npmjs.com/package/flow-static-land) - Implementation of common algebraic types in JavaScript + Flow.
- [type-o-rama](https://github.com/stereobooster/type-o-rama) - JS type systems interportability.
- [decoders](https://github.com/nvie/decoders) - Type-safe data validation for Flow.
- [flown](https://github.com/lttb/flown) - A set of type helpers and utilities for Flow.

## Tutorials

- [Mapping an Object](http://thejameskyle.com/flow-mapping-an-object.html) - Learn to create Flow definitions.
- [Setting up Flow when you've already got Babel in place](https://medium.freecodecamp.com/using-flow-with-babel-c04fdca8d14d#.f7fuf1fmf) - Learn to setup Flow with Babel.
- [Type safe graphs with Flow](https://medium.com/@gcanti/type-safe-graphs-with-flow-80fcbcd90c48)
- [Higher kinded types with Flow](https://medium.com/@gcanti/higher-kinded-types-in-flow-275b657992b7)
- [Refinements with Flow](https://medium.com/@gcanti/refinements-with-flow-9c7eeae8478b)
- [Phantom types with Flow](https://medium.com/@gcanti/phantom-types-with-flow-828aff73232b)
- [The Eff monad implemented with Flow](https://medium.com/@gcanti/the-eff-monad-implemented-in-flow-40803670c3eb)
- [Type Systems: Reachability and Exhaustiveness analysis explained](https://medium.com/@thejameskyle/type-systems-reachability-and-exhaustiveness-analysis-3d9692c399)
- [Type Systems: Covariance, Contravariance, Bivariance, and Invariance explained](https://medium.com/@thejameskyle/type-systems-covariance-contravariance-bivariance-and-invariance-explained-35f43d1110f8)
- [Type Systems: Refinements explained](https://medium.com/@thejameskyle/type-systems-refinements-explained-26f713c6cc2a)
- [Type Systems: Structural vs. Nominal typing explained](https://medium.com/@thejameskyle/type-systems-structural-vs-nominal-typing-explained-56511dd969f4)
- [Redux and Flowtype](https://medium.com/@cdebotton/redux-and-flowtype-69ff1dd09036)
- [Typing React and Redux](https://engineering.wework.com/adventures-in-static-typing-react-redux-flow-oh-my-284c5f74adac)
- [Type checking state in React components with Flow](https://medium.com/@krob/type-checking-state-in-react-components-with-flow-f1f1ec84f395)
- [Flow cheat sheet](https://www.saltycrane.com/flow-type-cheat-sheet/latest/)

## License

[![CC0](http://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg)](https://creativecommons.org/publicdomain/zero/1.0/)