reactjs / reactjs/react.dev

Add an official HTML -> JSX online converter

Open
#484 11 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

difficulty: advanced in-progress type: website
Dominant language
JavaScript
Stars
11.8k
Forks
7.9k
Avg merge
1d 11h
Merged PRs (30d)
11

Description

We should take https://magic.reactjs.net/htmltojsx.htm, update it to output code compatible with React 16 (and make sure it respects the DOM attribute changes in it), and then host it on our website.

Then we can point "invalid DOM property" warnings to the converter, saving everyone new to React the headache of conversion. https://github.com/facebook/react/pull/11576

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reviewing the existing converter at https://magic.reactjs.net/htmltojsx.htm and the linked React pull request about DOM attribute changes. Determine how the React 16-compatible converter should be hosted on the React website and where invalid DOM property warnings should link to it. Done means the hosted converter produces compatible JSX and the warnings point users to it.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
documentation, web-dev
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.