2017-02-23 7 views
9

私は、すべてのUIフレームワークが、スタイル付きのコンポーネントと一緒に簡単に使用できるわけではないと推測しています。それらの特異性が高すぎる可能性があるからです。スタイリッシュなコンポーネントを使用するUIライブラリ

この点については正しいですか?

どのようなUIフレームワークでも使用できるスタイリッシュなコンポーネントのパターンはありますか?

フレームワークにはパターンがありますが、書式は書かれていないものの、スタイル付きのコンポーネントではうまく動作しますか?

私はこれが主観的かもしれないことは知っていますが、私は相互運用性の客観的パターンについて質問しようとしています。

+5

"有害な回答と迷惑メールを引き付ける"と考えられていたにもかかわらず、質問がどのように閉じられたのか興味深いですが、明確で有用な回答がトピックの専門家によって提供され、確認されました。皆さんは私があなたが本当に理解していないと推測している質問を閉じることによって、コミュニティに不利益を与えています。 –

答えて

7

私はすべてのUIフレームワークが スタイルのコンポーネントと一緒に簡単に使用されるわけではないと推測しています。彼らの特異性が高すぎる等である可能性があるので、私は これに関して正しいですか?

限り部品がDOMノードに内部classNameを添付して任意のサードパーティのコンポーネントのライブラリと連動するstyled-componentsありません。 GitHubのディスカッションの中で、Max Stoiberの回答(styled-componentsの共同制作者)hereを参照してください。

styled-componentsreactおよびreact-nativeと同様に動作します。

あなたはmaterial-uiライブラリで確実にstyled-componentsを使用することができます。私は多くのUIライブラリでclassName propを使用できます。

+6

これは正解です! (Max)ここでは特に 'material-ui'(現在)がインラインスタイルを使用していると言いたいので、コード内で'!important'を使用してスタイルをオーバーライドする必要があります。彼らは次のバージョンでそれを変更しようとしていますが、まだ完了していません。 (インラインスタイルとスタイル付きコンポーネントの違いがわからない場合は、このblogpostをご覧ください:https://mxstbr.blog/2016/11/inline-styles-vs-css-in-js/) – mxstbr

関連する問題