komaki/こまきち

<p data-line="0" class="code-line">フロントエンド関係のメモを雑に載せる</p>


<p data-line="0" class="code-line">コロケーションという概念<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__b783f4429afd6" src="https://embed.zenn.studio/card#zenn-embedded__b783f4429afd6" data-content="https%3A%2F%2Fwww.mizdra.net%2Fentry%2F2022%2F12%2F11%2F203940" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://www.mizdra.net/entry/2022/12/11/203940" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://www.mizdra.net/entry/2022/12/11/203940</a></p>


<p data-line="0" class="code-line">JavaなどにもCompositionパターンはあるけど、Reactにもあるのね<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__8ed59d6c58d23" src="https://embed.zenn.studio/card#zenn-embedded__8ed59d6c58d23" data-content="https%3A%2F%2Fqiita.com%2Fmyktsk%2Fitems%2F5f4d443cd7e10686f189" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://qiita.com/myktsk/items/5f4d443cd7e10686f189" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://qiita.com/myktsk/items/5f4d443cd7e10686f189</a></p>


<blockquote data-line="0" class="code-line">
<p data-line="0" class="code-line">propsをバケツリレーして、ネストの下層の振る舞いが分かりづらいなら、Compositionを使ってネストの中身を親から直接参照にする<br>
Compositionを使うとなんでもchildrenに渡してしまうことになるが、渡すデータを制御したければCompound Componentsを使う</p>
</blockquote>
