From the course: Build Modern Web Apps with React, Hooks, State Management, and APIs Using Vite or Next.js

Unlock this course with a free trial

Join today to access over 25,200 courses taught by industry experts.

Emotion library

Emotion library

From the course: Build Modern Web Apps with React, Hooks, State Management, and APIs Using Vite or Next.js

Start my 1-month free trial Buy for my team

Emotion library

“

Welcome back, let's discuss the Emotion CSS in JS library. Emotion allows CSS props directly onto components. We saw in the style component library that we used to get a styled API using which we We can define our dynamic styling, our CSS based properties, all together in one file. Emotion library also provides a style library which is going to work exactly the same way we are using the style component style library. So it has got this covered and it can be backward compatible too. it provides an additional CSS props directly into our components. We will see both the examples very soon. Emotion library is more flexible and has more advantages to be used instead of style component library. If you are comfortable using the style component library or you are using a legacy code which is already using this, you can take a chance to simply update it to emotion library if you are looking to use the css props example which we will do in a while. Otherwise, you can keep on using the style…

Contents