Cacher is the code snippet organizer for pro developers

// Component.messages.js
// @flow
import {defineMessages} from "react-intl";
import {type Messages} from "./MessageDescriptor"
const messages: Messages = {
  title: {
    id: "Component.title",
    defaultMessage: "Title",
    description: "Section headline",
  },
};

const definedMessages: typeof messages = defineMessages(messages);

export default definedMessages;
// Component.js
// @flow
import * as React from "react";
import {FormattedMessage} from "react-intl";
import messages from "./Component.messages";
export default () => (
  <h2>
    <FormattedMessage {...messages.title} />
  <h2>
);