【React入門】リスト表示の基礎|map関数とkey属性の使い方を初心者向けに解説
はじめに|Reactでリスト表示につまずいた話 Reactを初めて学んだとき、僕が混乱したのが「リストの表示」でした。 HTMLなら ul > li を手書きすれば済むのに、Reactでは配列をどうやってJSXに変換する...
はじめに|Reactでリスト表示につまずいた話 Reactを初めて学んだとき、僕が混乱したのが「リストの表示」でした。 HTMLなら ul > li を手書きすれば済むのに、Reactでは配列をどうやってJSXに変換する...
はじめに|Reactで条件分岐に悩んだ話 ReactでUIを作っていると、必ず出てくるのが「条件によって表示を切り替える」処理です。 あなたも一度は「if文で書ける?」「三項演算子の方がいい?」「&&って...
はじめに|Reactのイベント処理で僕がつまずいた話 前回は useEffect について解説しました。 状態と副作用の関係がわかるとアプリの動きが理解できるようになりましたが、次に僕がぶつかった壁は 「イベント処理」 ...
はじめに|僕がuseEffectでハマった瞬間 前回は useState について解説しました。 「状態を持たせてUIとつなげる仕組み」を理解できると、Reactの面白さが一気に広がるんですよね。 ただ、その次に出てくる...
はじめに|ReactのuseStateで僕がつまずいた話 Reactを初めて触ったとき、正直 「useStateってなに?」 「なぜわざわざこんな書き方をするの?」 と頭の中が「?」でいっぱいになりました。 最初は le...
はじめに|なぜReact Propsの記事を書こうと思ったのか React Propsとは… Reactを学び始めたとき、僕が最初につまずいたのは 「コンポーネント同士でデータを渡す仕組み」 でした。 Rea...
はじめに|なぜJSXの記事を書こうと思ったのか Reactを学び始めたときに最初にぶつかる壁が「JSXって何?」だと思います。 僕自身も 「なんでHTMLっぽいのにJavaScriptの中で書けるの?」 「結局これはHT...
はじめに|なぜReactとは何かを解説するのか Reactを学び始めたとき、僕自身が最初につまずいたのは「そもそもReactって何者?」という部分でした。 ライブラリ?フレームワーク?SPA?仮想DOM?――どれも聞き慣...
はじめに|ReactでOpenAI APIを利用したアプリを作る理由 今回は React から OpenAI API を直接呼び出して、シンプルなチャットアプリを作る チュートリアルです。 ゴールは「難しいライブラリや仕...
はじめに こんにちは。僕は Web系自社開発企業でエンジニアとして働いている”そたや”です! 勤務スタイルは 基本週4リモート・週1〜2出社。ほとんど在宅ですが、完全フルリモートではない絶妙なバラ...