はじめに
私はweb開発としてvueを利用していたが、グローバルではreactを利用していることが多々あり実際に業務でも利用する機会が来るのでまずはreactを勉強したいと思った。
react.devではreact only非推奨
どうやらreact.devのチュートリアルではNext.jsやRemix等のサーバー機能(サーバーサイドレンダリング、APIなど)を利用することが推奨されていて、reactの静的サイトonlyのプロジェクトの新規作成方法の解説が記載されていない。
でも、react onlyを触りたい
vueでは静的なプロジェクトは作成でき、開発していたのでreactもやりたい、なので自分なりに調べてみると。
どうやらreactやvue等の開発でも使われているviteを利用してプロジェクトを作成できるようだ。
新規プロジェクト作成手順
まず前提として、node.jsとnpm等のパッケージマネージャーが必要となるため今回は導入済みで進めていく。
新規プロジェクトの作成方法は至って簡単。
新しくプロジェクトを作成したいディレクトリに移動して、次のコマンドを実行するだけだ。
npm create vite
コマンドを実行すると、プロジェクト名を記入するしたり、どのフレームワークを使うかの選択ができる。