今後の課題
React入門(youtube)

読んだ記事
React 18ではReactDOM.renderではなくcreateRootを使う
https://iwb.jp/react-18-uses-createroot-instead-of-reactdom-render/

今日は動画を見ながら、初めてReactのフォルダをいじりました。動画の通りにデフォルトのsrcディレクトリにあるファイルを全部削除、新たにApp.jsとindex.jsを作成し、動画の通りにコードを書きましたが…動画が古く、バージョンが現在の18のものとは異なるため、記事を参考にしてコードを動画のものとは違うコードに書き換えました。

また、保存をかけるとコード整形する機能のせいか、JSXの部分がHTMLに空白ができるといったエラーが発生しました。そこを直すために設定やコード整形に関する拡張機能を無効にしましたが、エラーは変わらずに保存をかけるとやはり空白ができます。

それとメンターさんから教えていただいて知ったのですが、npm startというコマンドはReactの全てのファイルを読み込むものなんですね！だからApp.jsのファイルでターミナルを開き、npm startをかけてもReactのページではindex.jsのエラーが出たんですね…。

果たしてReactで成果物はできるのか…？相変わらず自分の理解力に自信がありません。

問題が解決する日は来るのかな…？