Step by Step Learn Styled-Components
What you’ll learn
-
Using Styled-Components in React Applications
Requirements
-
Basic Knowledge of React
Description
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
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
Who this course is for:
- Everyone who wants to learn Styled-Components
Created by John Smilga
Last updated 6/2021
English
English [Auto]
Size: 1 GB