use-frontend

Code transforming tool

Application created for React.js and Vue.js developers helping them transforming code between frameworks.

Technologies

Frontend Development

  • TypeScriptTypeScript
  • React.jsReact.js
  • Vue.jsVue.js
  • BabelBabel
  • Material UIMaterial UI
  • JestJest
  • LernaLerna

Key responsibilities

  • Creating Babel.js plugin that transforms React.js to Vue.js code.
  • Analyzing the JavaScript’s AST (Abstract Syntax Tree).
  • Building client UI using Material UI component library.
  • Writing unit tests to ensure code proficiency.

Main features

Automatic code transform

Transforms React.js to Vue.js code as you type. Result output is shown in the adjacent window.

Code difference

Application brings well-known git diffing mechanisms to show you the visual output of how your code has been transformed.

Babel plugin

Project is maintained as monorepo and core packages like client and plugin are modularized. This allows developers to use transforming plugin in any existing project.

AL.
Github