HTML to Reason
Brought to you by
Murphy Randle
and
Sean Grove
Paste HTML
<div style="font-weight: bolder">Hello there! Go on & convert your html!</div>
Copy Reason
<div style={ReactDOMRe.Style.make(~fontWeight="bolder", ())} > {j|Hello there! Go on & convert your html!|j}->string </div>
What this does
Fixes all reserved keywords, like 'class'=>'className='
Converts attributes to CamelCase
Decodes entities in text, then wraps it in quotes and ->string
Converts HTML comments to Reason comments
Closes self-closing attributes
Converts 'style' attribute into
ReactDOMRe.make
calls
Made Possible By
Feather Icons
Next.js
Tailwind & Tailwind UI
Netlify
Reason React
And many more, as I'm sure you know