1×
Become a member
to unlock all features

Level Up!

Access all courses & lessons on egghead today and lock-in your price for life.

Autoplay

    Express CSS with JavaScript Objects for CSS-in-JS Notation

    javascriptJavaScript

    When using JavaScript string templates to define styles in CSS-in-JS, there is a lot of interpolation syntax noise.

    In this lesson, you will start with a CSS-in-JS string and walk through how to remove excess noise from the style declarations by using JavaScript Object Notation. We will build a small utility function that will convert the style object we declare to a string that can be applied to our HTML.