Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Html2ReactNew to Visual Studio Code? Get it now.
Html2React

Html2React

Pabitra Banerjee

|
355 installs
| (2) | Free
This VS Code Extension Converts HTML code to React JSX
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Convert HTML to React JSX

A simple Visual Studio Code plugin that converts html text to React JSX.

Just ctrl + shift + P -> Convert HTML to React JSX in the document you want to edit and run it.

Html2React

How does it work

It simply replaces html tags with React ones.

Here's the current list:

var mapObj = {
  "class=": "className=",
  "for=": "htmlFor=",
  "-rule": "Rule",
  "stroke-l": "strokeL",
  "stroke-w": "strokeW",
  "<!--": "{/*",
  "-->": "*/}",
  tabindex: "tabIndex",
};

Open a pull request to add missing rules.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft