React-CSS-Converter

by davidfufu ALL

Converts CSS to and from regular notation to react acceptable css notation.

Labels css, react, conversion, notation, styling

Details

Version 1.1.1
Homepage github.com
Issues github.com
Modified 7 years ago
Last Seen 10 minutes ago
First Seen 7 years ago

Installs

Total 3K
Win 2K
Mac 940
Linux 517

	Nov 21	Nov 20	Nov 19	Nov 18	Nov 17	Nov 16	Nov 15	Nov 14	Nov 13	Nov 12	Nov 11	Nov 10	Nov 9	Nov 8	Nov 7	Nov 6	Nov 5	Nov 4	Nov 3	Nov 2	Nov 1	Oct 31	Oct 30	Oct 29	Oct 28	Oct 27	Oct 26	Oct 25	Oct 24	Oct 23	Oct 22	Oct 21	Oct 20	Oct 19	Oct 18	Oct 17	Oct 16	Oct 15	Oct 14	Oct 13	Oct 12	Oct 11	Oct 10	Oct 9	Oct 8
Windows	1	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	1	0	0	0	1	0	0	0	0	0	0	0	0	0	0
Mac	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0
Linux	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	1	0	0	0	0	0	0	0	0	0	0	0	0	0	1	0	0

Readme

Source: raw.githubusercontent.com

REACT-CSS-Notation-Converter

Disclaimer: I've switched over to Visual Studio Code, so I will no longer be supporting this extension. Feel free to fork it.

This is a small plugin for Sublime Text 3 that converts CSS notation to and from its normal syntax to the DOM style notation that is used by React and JSS . I made this to speed up React development due to the fact that CSS style objects can be created and stored within React components, but rewriting the CSS into React friendly, DOM notation was a hassle.

Open package control with CTRL + SHIFT + P and go to “Install Package”
Type “React-CSS-Converter” and install.
Highlight CSS and right click the selection. Select context menu item. I named mine React CSS because I mainly use this for React work.

All context menu options can be rename with the Context.sublime-menu file.

For futher reference, please refer to the links below: https://facebook.github.io/react/docs/dom-elements.html https://github.com/cssinjs/jss