The @babel/plugin-syntax-flow npm package allows Babel to parse specific syntaxes provided by Flow, a static type checker for JavaScript. This plugin only enables Babel to recognize and parse Flow syntax; it does not apply any transformations. This is particularly useful for projects that want to benefit from type checking in development without including type annotations in the production code.

What are @babel/plugin-syntax-flow's main functionalities?

Type Annotations

Enables syntax for type annotations in function parameters and return types. This feature allows developers to specify the expected type of parameters and the return type of functions.

function square(n: number): number {
  return n * n;
}

Interface Declaration

Supports declaring interfaces, which can be used to specify the structure of objects. Interfaces in Flow help in defining contracts within your code.

interface Serializable {
  serialize(): string;
}

Type Aliases

Allows the creation of type aliases, which can be used to create custom types based on existing ones. This is useful for simplifying complex type definitions or creating more readable code.

type Point = {
  x: number,
  y: number
};

Other packages similar to @babel/plugin-syntax-flow

Changelog

Source

v7.18.6 (2022-06-27)

:eyeglasses: Spec Compliance

babel-parser
- #14650 [ts] Disallow property access after instantiation expression (@nicolo-ribaudo)
- #14636 [ts] Allow ...<...> followed by newline or binary operator (@nicolo-ribaudo)
babel-generator, babel-parser, babel-preset-env, babel-template
- #14668 JSON modules should be imported with default (@JLHwung)

:bug: Bug Fix

babel-helper-remap-async-to-generator, babel-plugin-proposal-async-generator-functions
- #14391 Transform await in computed class keys (@Yokubjon-J)
babel-plugin-transform-parameters
- #14694 fix: preserve function params type if possible (@magic-akari)
babel-core
- #14583 fix: Memory leak when deep cloning in babel-core (@liuxingbaoyu)
babel-core, babel-helper-check-duplicate-nodes, babel-plugin-bugfix-safari-id-destructuring-collision-in-function-expression, babel-plugin-bugfix-v8-spread-parameters-in-optional-chaining, babel-plugin-proposal-destructuring-private, babel-plugin-proposal-optional-chaining, babel-plugin-transform-runtime
- #14663 Fix import { types } from "@babel/core" with native ESM (@nicolo-ribaudo)

:house: Internal

babel-standalone
- #14697 Add proposal-unicode-sets-regex to @babel/standalone (@nicolo-ribaudo)
Other
- #14687 chore: Update bench baselines (@liuxingbaoyu)
babel-generator, babel-types
- #14685 enable TS compiler option: strictBindCallApply (@JLHwung)
babel-code-frame, babel-core, babel-generator, babel-helper-annotate-as-pure, babel-helper-builder-binary-assignment-operator-visitor, babel-helper-builder-react-jsx, babel-helper-check-duplicate-nodes, babel-helper-compilation-targets, babel-helper-create-class-features-plugin, babel-helper-create-regexp-features-plugin, babel-helper-define-map, babel-helper-explode-assignable-expression, babel-helper-fixtures, babel-helper-function-name, babel-helper-hoist-variables, babel-helper-member-expression-to-functions, babel-helper-module-imports, babel-helper-module-transforms, babel-helper-optimise-call-expression, babel-helper-plugin-test-runner, babel-helper-plugin-utils, babel-helper-remap-async-to-generator, babel-helper-replace-supers, babel-helper-simple-access, babel-helper-split-export-declaration, babel-helper-transform-fixture-test-runner, babel-helper-validator-option, babel-helper-wrap-function, babel-helpers, babel-highlight, babel-plugin-bugfix-v8-spread-parameters-in-optional-chaining, babel-plugin-external-helpers, babel-plugin-proposal-async-generator-functions, babel-plugin-proposal-class-static-block, babel-plugin-proposal-decorators, babel-plugin-proposal-destructuring-private, babel-plugin-proposal-function-bind, babel-plugin-proposal-function-sent, babel-plugin-proposal-json-strings, babel-plugin-proposal-object-rest-spread, babel-plugin-proposal-optional-chaining, babel-plugin-proposal-partial-application, babel-plugin-proposal-pipeline-operator, babel-plugin-proposal-private-property-in-object, babel-plugin-proposal-record-and-tuple, babel-plugin-syntax-typescript, babel-plugin-transform-block-scoped-functions, babel-plugin-transform-block-scoping, babel-plugin-transform-classes, babel-plugin-transform-computed-properties, babel-plugin-transform-destructuring, babel-plugin-transform-duplicate-keys, babel-plugin-transform-exponentiation-operator, babel-plugin-transform-flow-comments, babel-plugin-transform-flow-strip-types, babel-plugin-transform-for-of, babel-plugin-transform-function-name, babel-plugin-transform-modules-amd, babel-plugin-transform-modules-commonjs, babel-plugin-transform-modules-systemjs, babel-plugin-transform-modules-umd, babel-plugin-transform-object-super, babel-plugin-transform-parameters, babel-plugin-transform-property-mutators, babel-plugin-transform-proto-to-assign, babel-plugin-transform-react-constant-elements, babel-plugin-transform-react-display-name, babel-plugin-transform-react-inline-elements, babel-plugin-transform-react-jsx-compat, babel-plugin-transform-react-jsx-source, babel-plugin-transform-react-jsx, babel-plugin-transform-runtime, babel-plugin-transform-typescript, babel-plugin-transform-unicode-escapes, babel-preset-env, babel-preset-typescript, babel-standalone, babel-template, babel-traverse, babel-types
- #14601 enable noImplicitAny (@JLHwung)
babel-core, babel-helper-transform-fixture-test-runner, babel-plugin-transform-destructuring
- #14659 Run Babel asynchronously in fixtures (@nicolo-ribaudo)

Readme

Source