reactで苦労した点を初心者でもわかるように説明してみた
想定読者
本記事は下記のような方を対象にしています。
・reactって調べたら学習コスト高いって言うし勉強するか悩むな。
・react勉強し始めたけど書き方がよくわからない
・reactの初心者がつまづきやすい箇所を知りたい
※私も現時点ではreact一年目となりますので、ご意見アドバイスいただからと幸いです。
筆者が関数型の記述しか知らないためクラス型記事が読みたい方は他の方の記事を参照ください。
react始めたてで苦労した所
筆者がreactやり始めてつまづいた点は以下になります。
1️⃣構造の理解
2️⃣他ファイルへの値の渡した方
3️⃣API通信
一つずつ解説します。
1️⃣構造の理解
reactがどんな構造なのかや、書き方が全然わかりませんでした。（公式チュートリアルも見てなかったです）
ここに関しては下記記事書いてるので参照ください
2️⃣他ファイルへの値の渡し方
reactは色々なファイルを組み合わせて構成するのですが、例えばボタンのファイルにボタン名を渡して表示させたい時に渡し方がわからず混乱しました。
詳しくは「コンポーネント」や「props」で調べほしいんですが、すごくざっくり言うと...
1.親（ファイル使う側）から子（使われる側）に値渡して（※逆は無理）
2.書き方は親は「変数渡して（例:data=｛data｝）」子は「propsというもので受け取る（受け取る時:props（関数の引数）,使う時:props.data）
3️⃣API通信
API通信はざっくりいうと他のシステムやサイトからデータを貰うことを言います。
reactでは
・axiosというライブラリ
と
・fetchというJS標準機能
があるらしいのですが
私は「JSON変換しなくて良い」などの理由でaxiosを選びました。
API通信の前にhttp通信とcors制約は事前に調べておいた方がいいです。（この話は長くなるのでまた別の記事で書きます）
基本的にreactは表示することしか出来ないのでデータは外部から取ってくる必要がある為API通信は勉強必須となります。
最後に
本当に雑にざっくり説明したので違う点や他にも知りたい点があればコメント欄によろしくお願いします。
最後まで読んでくださりありがとうございました。
Discussion