Webinar Recap: CSS Modules

Amazee Labs webinars allow us to share our knowledge and experience with the community. Last week we discussed the challenges in choosing the right CSS-in-JS solution and the advantages of using CSS modules.

Webinar Recap

After a couple of years of building decoupled sites, the Amazee Labs team has tried several different CSS-in-JS solutions and found this one to be best suited to the needs of our development team.

CSS Modules is a mature project with a syntax that is a superset of CSS, similar to Sass. It makes it easy for you to “think in components” without having to worry about BEM class naming. It automatically generates locally-scoped CSS class names, so you can use “.wrapper” in multiple files without conflict.

It also allows integration of “global” class names from other code (like JS libraries or 3rd party CSS). With CSS Modules you get automatic dead-code elimination as only the CSS used on the page is ever sent to the browsers. Best of all CSS Modules can be used with any JavaScript framework, including React, Angular and Vue.js.

Watch the webinar recording online to learn about:

  • Components without BEM

  • Locally-scoped class names

  • Dead-code elimination

  • Multi-platform support

  • Nested rulesets

  • Cross-component composition

  • Sharing variables between your JavaScript and your CSS


Catch up on our previous webinars here:

Sharing knowledge and learnings is a key value at Amazee Labs. Keep an eye out for future webinars here!

April 2, 2019
2 Comments

Get our Newsletter

 
 

Comments

A webinar is a very useful invention for the training of students. My teachers sometimes hold webinars and explain how to write different papers. Due to illness, I missed this webinar and so I had to order a thesis in the service Copycrafter. These guys are real professionals.

By Lisa Woods
4 hours ago

Webinars like these are very helpful for people where any expert share their experience with the people and with this lots of people like students get much help and sometimes with this they get essay writing service from the expert writers who are giving help.

By Michael Hussey
1 second ago

Add new comment

You must have Javascript enabled to use this form.
icon
What is Amazee Labs?