React

Reactでグローバル変数はどう使う？useContextで共有、window連携まで全解説！

Reactで「グローバル変数」が必要になる理由から、useContextやuseStateを使った基本的な管理方法、TypeScriptとの連携、windowやローカルストレージとの使い分けまでを丁寧に解説。初心者の方でも、propsのバケツリレーに悩まずスッキリとした状態管理ができるようになります。

なぜReactが再レンダリングされない？原因から強制レンダリングの具体例まで徹底解説！

Reactで「再レンダリングされない…」と悩んだことはありませんか？setStateやpropsが反映されない原因から、useEffectが発火しない落とし穴、そしてクラス・関数コンポーネントでの強制再レンダリングの方法まで解説。Reactのレンダリングに関する疑問をスッキリ解決したい方におすすめです。

React propsの渡し方がまるっとわかる！関数・配列・オブジェクト・型定義まで全対応ガイド

Reactでのpropsの渡し方について親から子への基本的な渡し方、関数・オブジェクト・配列などの具体例や、関数コンポーネント・クラスコンポーネントでの使い分けまで解説。TypeScriptでの型定義や、よくあるエラーの対処法、useStateやonClickとの組み合わせ例も網羅。propsの知識が身につきます。

Create React Appは非推奨！今選ぶべきReact開発環境と技術選定【2025年版】

Create React Appがなぜ非推奨になったのか、React公式の見解や技術的な背景を解説します。ビルド速度や最新Reactとの非互換性など、避けられない課題に加え、今選ばれている代替ツール（Vite・Next.jsなど）の特徴や選び方も詳しくご紹介。React開発の現在地とこれからがわかる内容です。

ReactをCDNで利用した場合のuseState、useEffectの書き方

はじめにReactをCDNから利用することは以前の記事で書きました。▼過去の記事はこちらReactに限らずjavascriptのフレームワークでは状態管理が便利です。Reactの状態管理useStateとuseEffectですが、npmで構築する時と書き方が少し変わってきます。今回はCDNでuseState、useEf...

これなら簡単！cdnでreactとjsxを呼び出してサイトに組み込む方法

はじめにjavascriptの人気ライブラリ「React」ですが使用方法を調べるとnpmでインストールする方法にたどりつくと思います。それも良いのですが既にReactなしで出来上がったサイトに組み込みたい時や気軽にReactの良いとこどりをしたい時はnpmは使用せずcdnを利用するのも良い選択かもしれません。この記事で...

JSONファイルはコメントアウトできません。でもなんとかする方法

JSONファイルでコメントアウトはできませんAjaxを利用して外部データを取得、それをもとにレンダリングをする機会がかなり増えてきました。この外部データで一番使いやすいのはjsonファイルです。データ構造がまんまjavascriptのオブジェクト型なのでデータを変数に入れるとそのままオブジェクとして扱えるのです。jso...