何故僕たちは React のコンポーネントを分割するのか - Rokoucha

テクノロジーカテゴリーの変更を依頼記事元:

rokoucha.net

10 usersがブックマークコメント

記事へのコメント1件

注目コメント
新着コメント

mizdra ひと括りにコンポーネント分割と言っても色々パターンがあるというのがまとまってて良かった

react

2023/12/21 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Frokoucha.net%2F%25E4%25BD%2595%25E6%2595%2585%25E5%2583%2595%25E3%2581%259F%25E3%2581%25A1%25E3%2581%25AF%2520React%2520%25E3%2581%25AE%25E3%2582%25B3%25E3%2583%25B3%25E3%2583%259D%25E3%2583%25BC%25E3%2583%258D%25E3%2583%25B3%25E3%2583%2588%25E3%2582%2592%25E5%2588%2586%25E5%2589%25B2%25E3%2581%2599%25E3%2582%258B%25E3%2581%25AE%25E3%2581%258B" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://rokoucha.net/%E4%BD%95%E6%95%85%E5%83%95%E3%81%9F%E3%81%A1%E3%81%AF%20React%20%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E3%82%92%E5%88%86%E5%89%B2%E3%81%99%E3%82%8B%E3%81%AE%E3%81%8B">何故僕たちは React のコンポーネントを分割するのか - Rokoucha</a><a href="https://b.hatena.ne.jp/entry/s/rokoucha.net/%E4%BD%95%E6%95%85%E5%83%95%E3%81%9F%E3%81%A1%E3%81%AF%20React%20%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E3%82%92%E5%88%86%E5%89%B2%E3%81%99%E3%82%8B%E3%81%AE%E3%81%8B">はてなブックマーク - 何故僕たちは React のコンポーネントを分割するのか - Rokoucha</a></div></iframe>

プレビュー

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

何故僕たちは React のコンポーネントを分割するのか - Rokoucha

histories[...] この記事ははてなエンジニア Advent Calendar 2023の15日目の記事です。皆さんは React... histories[...] この記事ははてなエンジニア Advent Calendar 2023の15日目の記事です。皆さんは React 書いてますか、最近のフロントエンドを触った人なら書いた事がない人は居ないと思います。 React を書いていてよく起きる問題に、コンポーネントをどれぐらいの粒度で分割するか、という事があると思います。ただし、多くの皆さんはアトミックデザインでパターンを適用して分割!で済ませていませんか? 現代の React ではただコンポーネントを分割すれば良いだけではない状態になっています。というのも、React のコンポーネントを分割するというのは、そのコンポーネントの挙動すら変え得る行為なのです。見通しのための分割よくある分割の理由として、コードの見通しを良くする為の分割があります。コンポーネントがあまりにも肥大化すると、行数が増えて単純に見通しが悪