Syntax Convertor : Converter for HTML to JSX/Jade, CSS to Less

Syntax Convertor : Converter for HTML to JSX/Jade, CSS to Less

Syntax Convertor A simple ReactJs application that is built in WebPack environment. It provides you useful utilities to convert your CSS in the useful CSS pre-processor like (LESS or STYLUS) and to convert your HTMLto JSX or JADE. Live demo https://hadija

Syntax Convertor

A UI that provides developers useful utilities to convert their CSS to the useful CSS pre-processor like (LESS or STYLUS) or to convert HTML to JSX or JADE. Demo

Motivation

The intent is to create a one stop UI to do syntax conversion of the Front-End code for the developers. As of today developers have to search for different places to convert their CSS, HTML or JS code to the different syntax or they have to install local CLI tools to do the conversion. All-Convertors is the project they can run locally or can go to Github Hosted URL to do the necessary conversions they like.

Work in progress

  1. Other css pre-processors like SASS and SCSS.
  2. JS to coffee script.
  3. ES(next) to ES5 conversions.
  4. Fix sloppy CSS editor when the file size grows to 1000 lines.
  5. Add copy to clipboard feature.
  6. Write necessary Unit Test Cases.

Installation and Development

npm install

npm run start

Contribution

Submit a PR for your contribution

License

MIT

Github Repository

Tags: #React #Editor