AtomにEmmetとlanguage-babelを導入しましょう。
展開をタブなどにマッピングできますが、自分はデフォルトのキーマップで使っています。
お世話になっている人はスターを付けるのを忘れずに。
https://github.com/gandm/language-babel
https://github.com/emmetio/emmet-atom
個人的に多用するが、Flowtypeで補完し、Emmetで展開し、保存時にprettierでフォーマットするパターンです。
何かあればTwitterまたはコメント欄で議論しましょう。
まさかemmetなしでJSX書いてる人がいるのか? pic.twitter.com/XnxnEgxWrC
— 無職.js (@akameco) September 1, 2017
Flowtype補完→Emmetで展開→prettierで整理が一番使うパターン pic.twitter.com/zLDBchizOO
— 無職.js (@akameco) September 1, 2017