May 17, 2017

ShevyJS

This morning I released ShevyJS into the wild. ShevyJS is a remake of Shevy for CSS-in-JS styling.

If you're new to the concept of CSS-in-JS, you can find some great resources on the topic including this massive repo. In a nutshell, CSS-in-JS is the task of adding styles either inline or otherwise directly with JavaScript. You may have seen a style tag used in a React component. This was a form of CSS-in-JS.

Now, you can have the mathematics of Shevy's Sass version in your JavaScript client-side framework.

ShevyJS is a class that exposes a set of properties and methods for you to consume throughout your application. Because it is a constructor, you can define as many Shevy configurations you need and pass them around your app with imports and exports.

It is available on npmjs.org, and be sure to check out the repo at https://github.com/kyleshevlin/shevyjs. If you like the library, please star it.

If you have any questions, feel free to ask them here, or create an issue on the repository. And share examples of using ShevyJS in the wild.

Categories
JavaScriptWeb Development

+0

Liked the post? Why not show it?! Stroke Kyle's ego by stroking clicking his beard. You can click up to 50 times if you really liked it.


Spot a typo? Submit a PR with the fix! This entire blog is open sourced at https://github.com/kyleshevlin/blog
Newer Post: How I Stumbled Upon Normalizing Redux State
Kyle Shevlin's face, which is mostly a beard with eyes
Kyle Shevlin is a front end web developer and software engineer who specializes in JavaScript and React.

If you enjoyed reading this blog post and want more, consider signing up for my newsletter. Subscribers get advanced updates on things like blog posts, courses, apps, podcasts and other material that I create. Think you might like it.

Sign Up Now