By
That is the twenty second a part of our December sequence–”Countdown to The New Yr: 31 Days of Ember Addons”. Highlighting a brand new addon every day till the brand new 12 months begins, we hope you get pleasure from studying along with us!
Day 22
At present we’re going to try creating apps with type – utilizing ember-css-modules.
What It Does
With the addon ember-css-modules, styling à la CSS Modules is just one ember set up away.
CSS Modules enable us to put in writing kinds that are scoped to explicit elements of our software by default and permit type sharing by express opt-in mechanisms. The ember-css-modules addon helps us to co-locate css recordsdata subsequent to our parts, routes and controllers following Ember’s file title conventions.
Why I Like It
Making the apps we’re constructing look superior will be actually enjoyable! However sustaining a rising CSS code base will also be actually arduous. CSS Modules are an effective way to modularise our kinds in a means that they apply domestically to solely the precise element or route we wrote them for by default. This helps us so as to add new fashionable options to our code base with the boldness that the look&really feel of different elements of our app is left unchanged. This confidence is useful for us when modifying, including and deleting CSS even in giant net functions.
Utilizing ember-css-modules we are able to begin leveraging CSS modules in our Ember app immediately and even profit from Ember’s standard strategy for file association: the co-located CSS recordsdata are fast to seek out proper subsequent to our routes and parts and mix in properly into the developer expertise that Ember fans are conversant in.
Do you utilize ember-css-modules? Or one other fashionable addon? We would love to listen to about Ember addons you’re keen on for DecEmber within the feedback beneath!
