Imagine a web component distributed as a single .js file and containing everything. We would still have our basic style sheets, but the dynamic CSS would be a part of JavaScript. Now this is possible, and one way to achieve it is with CSSX. Similar to JSX, CSSX offers encapsulation. Being able to see all parts of a single component is a big step forward. The separation of concerns defined developm
![Finally, CSS In JS! Meet CSSX — Smashing Magazine](https://cdn-ak-scissors.b.st-hatena.com/image/square/0bd650a3d5b7e9b5e9d5ec800c3d9d932e0cf0d2/height=288;version=1;width=512/https%3A%2F%2Farchive.smashing.media%2Fassets%2F344dbf88-fdf9-42bb-adb4-46f01eedd629%2F1de5e2ff-47f1-4c3d-9a82-9b1aca9c9f3f%2F01-cssx-preview-opt.jpg)