React

やあ、調子はどうだい？最近、コードレビューをしていて一番頭を抱えるのが、この「Propsのバケツリレー」なんだよね。親から子へ、子から孫へ、孫からひ孫へ……。画面の最深部にある小さなボタンのスタイルや状態を変えたいだけなのに、その間にある無...

フロントエンドの現場で頭を悩ませる瞬間の一つに、「子コンポーネントがやたらと複雑なPropsを要求してくる問題」がありますよね。特に、APIから生えてきた巨大なドメインモデルをそのまま突っ込んでいるようなコンポーネントのテストを書くとき、私...

やあ、今日もコードと格闘ご苦労様。中級の壁を突破しようともがいている君なら、そろそろ「動くコードを書く」フェーズから、「保守しやすく、テストでガチガチに守られた堅牢なコンポーネントを設計する」フェーズへ移行したい頃合いだと思う。今回は、実務...

やあ、調子はどうだい？日々、機能開発のチケットをバリバリ消化しつつ、「この汎用コンポーネント、別の画面で少しだけ見た目を変えたいって言われたんだけど、どう設計したもんだ……」と頭を悩ませていないかい？わかるよ。その悩み、中級から一歩抜け出し...

お疲れ。最近、君の書いたコンポーネントのコードレビューをしたんだけどさ……おっと、そんなに身構えなくていい。悪くない出来だったよ。ただ、イベントハンドラの型定義のところで、少し「もったいない書き方」をしている箇所があったんだ。例えば、親から...

こんにちは。君もそろそろ、Reactのコンポーネント設計で「あ、これちょっと雑にProps渡しすぎたな……」と冷や汗をかくフェーズを抜け出したい頃合いじゃないかな？実務でコードを書いていると、親から子へ、さらにその孫へとDOMの属性やカスタ...

こんにちは。フロントエンドチームのアーキテクートをやっている私だ。日々、コードレビューをしていて「おっ、いい感じにコンポーネントが分割されているな」と感心することもあれば、「あぁ、ここでそのPropsの設計にしちゃったか……」と頭を抱える夜...

お疲れ様です。最近、プロダクトのパフォーマンス改善チケットを次々と片付けていることと思います。さて、コードレビューをしていると、やたらとあちこちに `React.memo` を貼り付けているコードを見かけませんか？「とりあえず再レンダリング...

お疲れ。最近、TypeScriptの型定義を書くのがすっかり当たり前になって、コード補完の恩恵を受けながら「よし、型安全だな」と安心しきって開発していなかい？確かにTSは最高だ。だがな、中級からもう一段上のシニアへとステップアップしたい君に...

こんにちは。フロントエンドの現場で日々コンポーネントの海と格闘している皆さん、調子はどうですか？コードレビューをしていて、よくこんな型定義を見かけませんか？// よくある「とりあえず ReactNode にしとけ」パターンtype MyBu...