バックエンドエンジニアがReactを学習して使えるようになるためのステップを考える

ずっとバックエンドばかりやってきたが、フロントエンドに携わる機会が最近増えてきたので勉強をする。
今まではフロントはRailsで開発者ツールを作った時にerbでHTMLを書いたり、HTMLを書いたりする程度の学習で、最近はTypeScript x React でのフロントのコードを見る機会が多くなってきた。
Reactの本を読んでTODOアプリのようなものを作ったが、自分のものになっている感覚が浅いのでもっと深く理解する。

とりあえず基礎からということで、いつもお世話になっているroadmap.shさんのフロントエンドページを見てみる。
https://roadmap.sh/frontend
Personal Recommendation だけ読むとしても、結構ボリュームがある。

Tailwind はたまに企業の開発技術構成でみる。
CSS Architecture は全く未知の分野。どの分野でも構造化して理解しやすくするアプローチをするのだということがわかる。
テストツールはいつの間にかJestよりVitest がRecommendされている（私も最近見たプロジェクトやコードはvitestが多い印象）