Convert from Vanilla CSS to React Inline styles
##Usage For online use, just go to css-reactify GitHub Pages. Or, for running it offline,
- Clone the repo using
git clone https://github.com/SuhairZain/css-reactify.git
npm install
npm run serve
for a Webpack Dev Server which by default opens at http://localhost:8080/webpack-dev-server ORnpm run prod
for a minified version of the app and openindex.html
in your favourite browser.
##Development I had created a website using React and CSS StyleSheets. When I wanted to move the styles from the css file to inline styles, I found it a bit cumbersome. So, created this app.
##Packages used
- Webpack along with Babel for bundling.
- CSS for the input CSS Parsing. Seriously, it was a ton of help.
- React of course.
- Material UI for the UI Components.
- camelcase for converting from dash(-) seperated css-property names to camelCased properties.
- Stringinfy Object to create the final JS output.