『モダンJavaScriptの基本から始める React 実践の教科書』が自分のニーズをキレイに満たしてくれた

こんにちは。

先日Reactを使っているプロジェクトに参加することになり、Reactを触ったことがなかったので勉強することにしました。

ここで手に取ったのが『モダンJavaScriptの基本から始める React 実践の教科書』です。

www.sbcr.jp

結果的にこの本が自分が知りたいなーと思っていたことをキレイに満たしてくれたので、この本の感想を書いていきたいと思います。

読む前の私の状況

プログラマーとしての経験が浅い私は、以下のような状態でした。

  • プロジェクト経験は1件
  • そのプロジェクトではRailsJqueryを使っており、自分が担当していたのは主にRails側の機能追加などの実装
  • フロント側はあまり自信がなく、Reactも触ったことがない

プロジェクト内のコードを見てみたのですが、正直「どれがReactのコードなのか?」「なぜReactを使う必要があるのか?」といったところが分かりませんでした。

知りたいと思っていたこと

そこで、私が知りたいなーと思ったのは以下のようなことです。

  • Reactは何ができるのか、の基本
  • Reactの構文の基本

ReactはリッチなUIを作れる、というくらいは知っていたのですが、具体的な書き方などを知らなかったのでそれを知りたいと思っていました。

なんでこの本を手に取ったか

Reactの本は調べるといろいろあったのですが、なぜこの本を選んだかというと、以下のような理由です。

  • 出版年が私が調べた範囲では他の本に比べて新しい(2021年9月)
  • 内容が易しそうなこと(基本部分が書かれていればとりあえず良い)

「React全く分かりません」という状態をまず脱却したかったので、とりあえず基本が押さえられていそうという理由で選びました。またReactなどのライブラリは数年でも主流な書き方等が変わりそうだなと思ったので、出版年が最近なのも考慮しました。

早速しっくりきた

本書は以下のような指摘から始まります。

「Reactの習得に苦戦してる人のほとんどは、そもそもJavaScriptへの理解が足りていない。だからこの本ではモダンなJavaScriptの基礎からやる。」

これを見て、「これですよ!」と思いました。

先ほど書いた、「どれがReactのコードかよく分からない。Reactを使う必要がわからない。」というのも、逆に言えば「JavascriptJQueryの書き方をきちんと理解していない。JavaScriptやJQuetyで何ができるのかを理解していない。」ということだったんですね。

プロジェクトに入って、Reactやらなきゃ!と焦っていましたが、その前段階でやるべき勉強があったということです。

基本を着実に解説してくれる

この本では、JavaScriptの書き方からReactの書き方まで、基本を着実に記載してくれています。(内容は公式サイトに目次の紹介があります。)

サンプルコードについては丁寧に解説がありますし、サンプル通りに書けば基本的には全て動いたのでここは新しい本を選んだという点も良かったかなと思います。

(5章あたりにちょっとサンプルコードには書き切られていない点がある*1のですが、それまでの学習を理解していたらググったり自分で補足して動くようにできると思います。)

さいごに:読んだ後の今の気持ち

この本はReactの入門書としての位置付けだと思うのでReactはもっともっと深いのだろうと思いますが、今まで、

「React使う機能追加などのタスクが来たらどうしよう・・・」

という気持ちだったのが、

「Reactのタスクやってみたいな〜」

というくらいにまで変化しました。

気持ちが前向きになったのが何より良かったかなと思います。

 

ということで、Reactを触ったことがなくて、基本を短い時間で勉強したい!という方にはオススメです!

*1:TailWindCss.jsxのファイルの先頭にimport "tailwindcss/tailwind.css"を書かないといけない