2017-02-23 10 views
9

Ich vermute, nicht alle UI-Frameworks können leicht zusammen mit gestylten Komponenten verwendet werden; da ihre Spezifität zu hoch usw. sein könnte.UI-Bibliotheken mit gestylten Komponenten

Bin ich in dieser Hinsicht richtig?

Gibt es ein Muster für gestylte Komponenten, die es ihnen ermöglichen, mit jedem UI-Framework zu arbeiten?

Gibt es ein Muster für Frameworks, das es ihnen erlaubt, wirklich gut mit gestylten Komponenten zu arbeiten, während sie nicht darin geschrieben sind?

Ich weiß, das könnte subjektiv sein, aber ich versuche, nach einem objektiven Muster für die Interoperabilität zu fragen.

+5

Interessant, wie die Frage geschlossen wurde, weil es gedacht wurde, um "eigensinnige Antworten und Spam" anzuziehen, und dennoch wurde eine klare und nützliche Antwort gegeben und von einem Experten in dem Thema bestätigt. Sie machen der Community und SO einen schlechten Dienst, indem Sie Fragen schließen, von denen ich vermute, dass Sie sie nicht wirklich verstehen. –

Antwort

7

Ich rate nicht alle UI-Frameworks sind leicht zusammen mit gestylten Komponenten verwendet werden; da ihre Spezifität zu hoch usw. sein könnte. Bin ich richtig in dieser Hinsicht?

Nein, styled-components funktioniert mit jeder dritten Bibliothek Party-Komponente, solange die Komponenten die className intern auf DOM-Knoten befestigen. Siehe here die Antwort von Max Stoiber (Mitbegründer von styled-components) in den Diskussionen von GitHub.

Es gibt eine binary-ui Bibliothek, es verwendet styled-components es funktioniert auch mit react und react-native.

Sie können definitiv styled-components mit einer material-ui-Bibliothek verwenden und ich denke, mit vielen anderen, glaube ich, die meisten UI-Bibliotheken ermöglichen die Verwendung von className prop.

+6

Dies ist die richtige Antwort! (Max hier) Ich möchte nur erwähnen, dass speziell 'material-ui' (derzeit) Inline-Stile verwendet, also müssen Sie'! Wichtig' in Ihrem Code verwenden, um ihre Stile zu überschreiben. Sie arbeiten daran, das in der nächsten Version zu ändern, aber es ist noch nicht fertig. (In diesem Blogpost, wenn Sie nicht sicher sind, was der Unterschied zwischen Inline-Stilen und gestylten Komponenten ist: https://mxstbr.blog/2016/11/inline-styles-vs-css-in-js/) – mxstbr

Verwandte Themen