hakkosmile.info

React

: dev React

React useContextで学ぶ状態共有 — Props drillingからの脱却

2026/2/11

Reactでコンポーネントの階層が深くなると、「親から子へ、子から孫へ」とPropsをバケツリレーのように渡し続ける場面に出会います。これが Props drilling と呼ばれる厄介な問題です。u ...

: dev React

React useState と useEffect を理解する — 状態管理と副作用の基本

2026/2/15

React の useState と useEffect は、コンポーネントの状態管理と副作用処理を担う最も重要な Hook です。この記事では、実際にカウンターやタイマーを作りながら、これらの仕組み ...

: dev React

React Event Handling入門：クリック・入力・フォームイベントをハンズオンで学ぶ

2026/2/10

React event handlingの基本を、実際にコードを書いて動かしながら学びました。この記事では、クリックイベント、入力イベント、イベントオブジェクト、デフォルト動作の防止まで、ハンズオンで ...

: dev React

React入門：JSX・コンポーネント・Propsを理解する【他言語経験者向け】

2026/2/10

Reactの学習を始めて、JSXの書き方、関数コンポーネント、Propsの仕組みまで一通り手を動かしてみました。この記事では、react jsx propsの基本を他言語経験者の視点で整理していきます ...

: dev React

Vite React TypeScript setupでTodoAppの開発環境を構築する

2026/2/10

Vite React TypeScript setup の手順を、実際のハンズオンを通じてステップバイステップで解説します。この記事は、筆者がReact学習の第一歩として環境構築を行った際の体験をもと ...