大前提として

• モダンになればなるほど（環境設定や動作が隠されて）作成は簡単になる
• （例えば）Reactを使える様になるのではなく、それが出来た背景やそれを支える背景を理解しなければならない
  • デザインパターンを学ぶ

特定のエコシステムに依存する学習をする場合

• それがない場合でも同じことが出来るかを把握
  • 出来なければ、中身（仕組み）の学習を行う
  • 出来るのなら、同じ事を実現するために楽な仕組みを採用するのは問題ない

いま react で実装しているものと同じものを react 無しで書けるかどうかだと思います。もし書けない気がするなら、 react のコードを読んで、中で何が起きてるかを追ってみると良いかと思います。 ( https://qr.ae/pGue2q)

• Reactを学ぶ(学んでしまう)べきなのか？
  • 正直WebpackやSCSSとは隠蔽のレベルが違う
  • ReactがReactではなくなったとき、リファクタ出来るとは思えない
  • きちんと設計されていてリソースがあれば1から再構築できるだろうけど

環境構築について

環境構築をしても、一度きりでは終わりません。[ライブラリ]が定期的にバージョンアップしていく作業も発生しますし、何かしらの新しいツールやライブラリを付け加えるという作業も発生します。環境周りの面倒を見れるメンバーが一人はプロジェクトにはいることが望ましいです
もしも誰もいないかつReactであればNext.jsを使い、てっとり速く作れる環境を利用すべきです。VueやAngularはデフォルトのプロジェクト作成である程度揃うので、それを活用しましょう。

そして、環境設定はなるべくがんばらず、デフォルトのままで頑張れるだけ頑張るのが良いでしょう。バージョンアップ時は、新しくプロジェクトを作り、そこに既存のコードを持ってきて式年遷宮(ソフトウェアの式年遷宮という考え方)をする、というのがトラブルが少ないと思われます。
[https://future-architect.github.io/typescript-guide/prodenv.html 仕事ですぐに使えるTypeScript]より

その他の考え方

「今一番流行ってるFrameworkだから許されてること」ってあると思う。どんなに学習コスト高くても独自構文でも、流行りなら許される。でも数年経ってこれが負債になった時、ウゲぇって思う時が来るかもしれない。

• 冷静に見る必要がある。どっぷり浸からずに、使いたい機能だけを使うために使用するという考えで

本当にこんなにほいほいフロントエンドのムーブメントが変わるなら、うんこだから、ひとまずjQueryを覚えて、余った時間は好きな映画でも観て、と言わざるを得ない。

• 別に最新のものを使わなくても実現出来ることならそれでいい
• というかサーバサイドやらセキュリティやらを低レイヤーで学ばないと使い物にならない

ITの人たちは先端技術で盛り上がっていますが、実際のIT利用現場は「しょうもないレガシーな古臭いシステム」が「ほとんど」です。それを安定して利用できるようにする仕事ばかりです。先端技術それでいつ使うの？ってシーンが多く、仮に使う時も「これ大丈夫？5年耐えられる？」って疑心暗鬼です。
https://x.com/orangeitems_/status/1889837617174421939

• 新しいことを学ばない言い訳として使いがちなので注意はしないといけないが、まあこれはそう
• 枯れた技術というと陳腐だが