Styled-Components 是 CSS-in-JS 运动的一部分，我们可以在其中创建具有自己封装样式的组件。我们不再需要创建组件来决定选择器，然后急于使用 app.css 或任何其他样式表来编写单独的样式对于那个特定的组件。使 Styled-Components 如此酷的是它们令人敬畏的标记模板语法，它允许仅通过定义样式来创建普通的 React 组件。零配置 styled-components 支持 css 模块化、css 中的变量、css 中的嵌套、扩展组件样式等等。Styled Components 还允许我们在您的组件中编写纯 CSS 而不用担心类名冲突。
MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English | Duration: 54 Lessons (6h 46m) | Size: 3.6 GB
As styled-components co-creator Max Stoiber says:
“The basic idea of styled-components is to enforce best practices by removing the mapping between styles and components.”
Styled-Components are part of CSS-in-JS movement where we can create components that possess their own encapsulated styles.No longer we need to create component decide on a selector and then rush to app.css or any other stylesheet to write separate styles for that particular component. What makes Styled-Components so cool is their awesome tagged template syntax that allows to create normal react components by only defining styles.With zero configuration styled-components support css modularity, variables in css, nesting in css, extending components styles and many more. Styled Components also allows us to write plain CSS in your components without worrying about class name collisions
原创文章，作者：steven，如若转载，请注明出处：https://rr3d.cn/13639.html
