LoginSignup
3
3

More than 3 years have passed since last update.

Reactなどの開発を効率化する拡張機能を紹介 #VS Code

Last updated at Posted at 2021-03-10

概要

Reactで開発する時何度もComponentを作りますよね。その度に同じコードを打つの大変ですよね?そんな時にオススメの拡張機能(VSCode)がこちら!
【 ES7 React/Redux/GraphQL/React-Native/JS snippets 】
下記に画像も載せておきます。

スクリーンショット 2021-02-24 3.52.46.png

使用法

下記のように、index.jsxを作成しrafceと入力してEnterを押すと..

ezgif.com-gif-maker (1).gif

このように、アロー関数のStateless Functional Componentの雛形ができます!

まとめ

対応している拡張子はjs,jsx,ts,tsxです。
ReactだけでなくRedux,GraphQL,React-Nativeで他にも様々なコマンドがあります。
詳しくは公式のドキュメントを見てみてください!

3
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
3