気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
blog.uhy.oooエントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント12件
- 注目コメント
- 新着コメント
kazlv-1110
“const Wrapper = styled(({ className }) => <div className={className}> <div> <LeftColumn /> </div> <div> <RightColumn /> </div> </div> )` display: flex; & > div:first-child { flex: 100px 0 0; } & > div:last-child { flex: auto 1 0; } `”
nc44v-134-nvtyqfgq
uhyo さんの CSS in JS 設計論。閉じるべき単位の style が散らばらないよう、閉じるべき style が散らばりやすい CSS in JS においてどのように回避するかが書いてある。短い文章だけど重要な考察が入っている
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
いまの話題をアプリでチェック！
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
まとまったCSSを別のコンポーネントに分けないでほしい話 - uhyo/blog
この記事は、ReactでCSSを書くときに関連したCSSを別々のコンポーネントに分けるのをやめようという記事... この記事は、ReactでCSSを書くときに関連したCSSを別々のコンポーネントに分けるのをやめようという記事です。主な理由は、スタイリングという機能が複数コンポーネントに分散するのを防ぐためです。これには修正時に複数コンポーネントにまたがって修正が必要になるのを防ぐという意味もあります。 Flexboxの例関連したCSSが複数の要素に分かれることはよくあります。その代表例がdisplay: flexです。例えばこんなレイアウトを考えてみましょう。左側のボックスの幅が決まっていて右側の幅が可変の2カラムレイアウトです。 左のカラム (100px)右のカラムこのレイアウトはおおよそ次のように実現できます。 /* 親要素 */ display: flex; /* 子要素（左） */ flex: 100px 0 0; /* 子要素（右） */ flex: auto 1 0;では、Reactではどの
ブックマークしたユーザー
すべてのユーザーの
詳細を表示します
詳細を表示します
blog.uhy.ooo
blog.uhy.ooo
blog.uhy.ooo
blog.uhy.ooo
www.hageatama.org
slownews.com
photoshopvip.net
pyopyopyo.hatenablog.com
blog.tenjuu.net
qiita.com/birdwatcher
techcommunity.microsoft.com
togetter.com
codezine.jp
search.app
bunshun.jp
www.tvkingdom.jp
2020/10/16 リンク