React Styled Components Example Tutorial is the topic, we discuss today. The styled components remove the mapping between components and styles. This means that when you’re defining your styles, you’re creating a standard React component. It is the new way to attach the styles to the components. Styled-Components is a new CSS tool, designed by  Max Stoiber and  Glen Maddern, which helps you organize CSS in your React project. It also works well with React Native. The traditional styling of websites depends heavily on an external stylesheet with CSS. It has been challenged advent of React and component-based UI design. So the styled components will be the one possible solution.

Advantages of using Styled Components

1. Getting rid of the mapping between styles and components.
2. Building small and reusable components.
3. Reducing the risk of specificity clash.

#react #react styled #react native #css