初学者の私には環境構築が難しすぎます。独学は無謀でしょうか。

フロントエンドだけやりたいならいきなりASPをつける必要は無いし(ASPなしのテンプレートもあります)そもそもnpmはNode.jsをインストールすれば勝手についてきます.
察するに調べ物が下手すぎるだけなんじゃないでしょうか.

何も知識がないなればこそ,まずはReactの公式チュートリアルを 一切手順違わず(余計なことをせず) 実行してみるところから始めると良いです.

こんにちは。初心者さん。

こういう質問は何故か攻撃的な回答やマウントを取るような意見が付きやすいですが、プログラマはそんな高尚なものではありません。
環境構築は難しいことがほとんどです。中には簡単なものもあります。
初めから簡単だった人も中にはいるかもしれませんが、そんなのしょうもない才能なので気にしなくていいでしょう。
OSやCUIがあんまりわかんないし、学ぶ気もないって人も中にはいます(プロとしては良くないと思うのですけども)

独学で学ぶのが無謀かどうかは諸説ありますが、簡単なことではないだろうと思います。ちょっと理解できればあとはチョロいですが。
初心者のうちはプレーンな状態で依存関係の解決などをしようとして、こんがらがります。本当は仮想化環境ですることが望まれるのですが、そんなことは逆に難しくて分からないでしょう。(npmなら不要という意見もあるでしょうがね)

人は失敗して悩むのは当然です。普段使わない使い方をし始めて、分からないことだらけというのは当然です。
普段GUIで操作している操作をCUIでもやってみたら、苦手意識が無くなるかも？

どんな方法で進めても良いと思います。環境構築が全てではありませんから是非頑張ってください。
まあ訳分からず操作しまくって取り返しのつかないところまで行くかもしれませんけど...

どうしても React + ASP.NET でやりたいということなら、まず Node.js をインストールしてください。以下の Node.js のサイトから、

Windows インストーラ（.msi) をダウンロードしてインストールすれば、現時点では LTS 版の Node.js 22.17.0 と、同時に npm 10.9.2 がインストールされるはずです。

その後で、Visual Studio 2022 のテンプレートを使って JS 版 (TS 版は現状動かないので注意) の React and ASP.NET Core アプリのプロジェクトを作成し、

Visual Studio から実行すれば開発用の Web サーバーが立ち上がってアプリが実行され、さらにブラウザも自動的に立ち上がって、ブラウザ上に以下の画像 (React が ASP.NET Core Web API からデータを取得し表示したもの) が表示されるはずです。

ただ、裏では Visual Studio によっていろいろな設定・操作がされており、そこが見えてないとその先開発を続けていくのが難しいと思います。

例えば、React が Vite、ASP.NET が Kestrel と異なるサーバーを使っていること、クロスオリジンの問題を解決するためプロキシを使っていること、HTTPS 通信用のサーバー証明書が自動的に発行されそれを使う設定がされることなどなど。

そう言われて分かりますか？

分からないということであれば、やはり React は止めて MVC または Razor Pages で開発することをお勧めします。

世の中的にはノーコード、ローコードといったものにシフトしていっています。
キントーンとかCMを聞いたことがあるかと思います。他にもさまざまあります。
私はフルスクラッチのDjangoで開発するプロジェクトを計画した後、ローコードに変更して3ヶ月計画を3日にしてビジネスの速度変化を実感したのでノーコード、ローコードをお勧めします。

商品の販売管理ソフトを作ってほしい

その場合 Web アプリが必ず必要になるはずです。そうすると React だけではなんともなりません、と言うより React 無しの ASP.NET だけで可能です。ASP.NET MVC とか Razor Page で作ってみることをお勧めします。

環境構築はプログラマーの第一関門であり、避けて通れないものです。
頑張って試行錯誤するといいでしょう。

そして環境構築はWindowsよりWSLの方が楽だと思います。
WSLもWSLで環境構築やコマンドを覚える必要がありますが、
これも視野に入れるといいでしょう。

コマンドプロンプトでいうコマンドというのは実行ファイルのことです
.exeと付いてるファイルがそれです
nodeコマンドもその一種です

まずはコマンドをどう動かすかイメージをつけるといいでしょう
メモ帳でファイルを作り、適当なフォルダに保存して、そのフォルダの絶対パスをctrl+shift+cでコピーしたら、スタートメニューから環境変数を編集するウィンドウを検索して、そのウィンドウにあるPATHという項目で開けるリストにペーストします
すると先ほど作ったファイルをそのファイルの名前だけでコマンドプロンプトから開けるようになります

(環境変数の設定)
https://atmarkit.itmedia.co.jp/ait/spv/1805/11/news035.html

更にPATHTEXTという項目に拡張子を追加すれば、ファイル名を指定する際に拡張子を省略できます

この一連の作業をパスを通すといいます
この作業をしない場合、ファイルを開くのに逐一そのファイルの絶対パスを打たなくてはなりません
コマンドとは、このように名前だけで呼び出せるようにした実行ファイルを指します

インストーラーは裏でこの作業を担っています
このことからわかるのは、あらゆるコマンドがどこかのフォルダに保存される実行ファイル(.exe)だということです

例えばnodeコマンドであればnode.exeがその本体となります
C#であればdotnet.exeが存在し、これがdotnetコマンドとしてC#のプログラム(.cs)をコンパイル及びビルドします

こうしたファイルはバイナリファイルとしてフォルダにまとめられており、公式から入手可能です
Windowsであれば大抵.zip形式に圧縮されたフォルダを展開します

(NodeJS)
https://nodejs.org/en/download/

(.Net)
https://dotnet.microsoft.com/ja-jp/download/dotnet/10.0

ここまでをまとめると、環境構築とは

• 圧縮されたフォルダ(.zip)を入手、展開する

• フォルダの中から実行ファイル(.exe)を探す

• 実行ファイルが保存されるフォルダの絶対パスを環境変数PATHに登録する

• 実行ファイルを名前で呼び出し、コマンドとして機能するかテストする

の、4段階が基本となります

尚当然ながら初心者がいきなりバイナリファイルを用意して環境構築を目指すのは至難なので、通常はインストーラーやIDE(VidualStudio)を使います

ただ、環境構築の骨格を知っておくことで、コマンドが使用できないなどのトラブルの時に、何のファイルが不足しているかなど、原因に検討をつけることができます

なおここではWindows環境を前提に説明していることをご留意ください

質問者さんがReactに行き着いたということはWebアプリケーションを作りたいのかな？と思いましたが、ひとまずnpmが分からないということなのでもっと基礎的な知識が必要と思います。
私のオススメとしては、HTMLとCSSでサイトを作りそこへJquery(JavaScriptのライブラリ)で動きを付けるところから始めたほうがいいのかなと思います。
その後Jqueryを卒業して何も無い所謂バニラJSで同じようにプログラムを書いてその後Reactかなと思いました。
ReactとかVueとかはモダンJSって呼ばれるものになりますが、これの習得にはある程度JavaScriptを知っておく必要がありますので今までC#を使ってた人には少しとっかかりづらいかと思います。
今はまだ分からない事が分からない状態だと思うのでまずは豪華なWebサイトが構築出来ることを目的にやっていくとそのうち他の事も身につくかと思います。

また、コマンドプロンプトやターミナルっていうCUIはとっかかりづらいですよね。
私も苦手でしたが、AWSでwebサーバーの構築をqiitaで調べながらやったらすんなり習得出来ました（細部は違いますが）
私も完全独学で１０年近くやっていますのでその分からない気持ちよくわかります。
背伸びしていきなり難しい事をしようとするとちんぷんかんぷんなので先に行った通りまずはとっかかりやすいJqueryを個人的にはおすすめします。（主にアニメーションをつくってください。）

また、chatGPTなどもガンガン使っていくべきです。
やりたいことを細分化して細かくしたものを聞けば良い感じに教えてくれます。
いい時代になりましたね。