DEV Community

Sm0ke
Sm0ke

Posted on

Conversion DevTool - Design once, convert instantly to React, Vue, Bulma

Hello Coders,

I was coding many years in BS3,4, jQuery combined with Laravel, CodeIgniter, Flask. Each project, same problem with the layout, cut & paste the components, remove the hardcoded text, build the component for the proper render, Blade, Jinja2.

Anyway, I have a tool written in python to extract components from pages and convert to Jinja2, Blade or core Php. The whole process is 95% automatized, but I'm not using any more server-side development.

Now I'm in React, Vue.js era, but I'm facing the same s_h_i_t. Allot of manual work to migrate a nice BS4 theme to React & Vue.

I'm taking into account to make the conversion tool open-source and develop further with a community.

The idea is to input a BS theme and to drop React, Vue, Bulma themes.

Thoughts? Please warn / advice about the possible risks.

Top comments (1)

Collapse
 
violet profile image
Elena

If you are not set on bootstrap, you can use Desech Studio to import whatever design file you have (figma, adobexd, sketch) to get the html structure and css grids and style. Then you can integrate with react, angular or vue. Here's the github repo for the react plugin.