気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
154 usersがブックマーク
13
13
styled-componentsの採用と既存資産を捨てた理由 - Cybozu Inside Out | サイボウズエンジニアのブログ
154 users
blog.cybozu.io
記事へのコメント13件
- 注目コメント
- 新着コメント
efcl
Sassで書かれていたスタイルをCSS in JSに移行する話。 styled-componentsを使って書く場合にスタイリングとJSXを分離するためのルール、Sassの変数を抽出して移行するスクリプトについてなど
BookMarkForProgramming
“この形式であれば styled なコンポーネントと React コンポーネントがごちゃ混ぜになることはありません。React コンポーネント自体もピュアな React コンポーネントの状態を保つことができます。”
d4-1977
解決したかっことって、CSSファイルやクラスの命名がカオスで辛いから、運用ルールを作っていきましょう、という話なのかな🤔 CSSって、技術的なことよりも、運用ルールが辛くなる印象があります
akabekobeko
SPA ではない複数 HTML で CSS をファイルとして共有するために CSS Modules を採用しているが css-loader サポートがなくなりそうなのは知らなかった。代替を検討しよう。
Shisama
レガシーと向き合うシリーズ続編です。今回は Scss から styled-components に移行する話です。なぜ styled-components に決定したのか、どう移行していくのかについて興味がある人はぜひ読んでみてください！
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
いまの話題をアプリでチェック！
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
styled-componentsの採用と既存資産を捨てた理由 - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは。フロントエンドエキスパートチームの@nakajmgです。 私が所属しているフロントエンドエキス... こんにちは。フロントエンドエキスパートチームの@nakajmgです。 私が所属しているフロントエンドエキスパートチームでは、現在 kintone の脱レガシーの一環として React + TypeScript 化に取り組んでいます。この取組の中で Scss で定義されている既存のスタイルを styled-components で書き直していくという決定をしました。 今回は styled-components の採用を決定するまでの過程や、既存の Scss ファイルの扱いについて検討した内容などを紹介します。 スタイル定義方法の検討 kintone にはユーザーが JavaScript でカスタマイズできる機能があり、ユーザーが行っているカスタマイズの中には、DOM 構造や CSS のクラス名に依存しているものもあります。このようなカスタマイズはサポートの対象外ではありますが、ユーザーにでき
ブックマークしたユーザー
すべてのユーザーの
詳細を表示します
詳細を表示します
2020/06/25 リンク