VSCodeで必要なReactのパッケージを紹介します。

on Javascript, 開発

vscode-reactjs-code-snippets

Reactを設置して使う時にVisual Studio Codeのツールでパッケージを入れないと、
メモ帳とあまり変わらないです。

「Reactjs Code Snippets」のVsCode Packageを入れて使いましょう。

Reactjs Code Snippetsを使うと作業時に時間がかなり減ります。
Reactの文法を作成する時、割と時間がかかるし、ミスをしてしまったらもっと無駄な時間がかかります。
しかし、パッケージを使うとこういう問題を解決するのができます。

パッケージを設置後に新しいjsファイルを作ってくださいませ。
その後に、rccと入力してTabキーを押してください。　　

rcc

すると、ファイル名に合わせて、react class形でコンポーネント作成するのが可能です。

import React, { Component } from 'react';

class Counter extends Component {
    render() {
        return (
            <div>
                
            </div>
        );
    }
}

export default Counter;

他も自動で作るパタンがありますので、公式ホームページに入って確認してみてください。
https://marketplace.visualstudio.com/items?itemName=xabikos.ReactSnippets