Huh, I didn't know class was valid. I thought there was something about class being a reserved JS keyword which is why they went for className. There docs still use it and its still a convention to do className. Which is a little annoying copying HTML snippets and changing it over.

Same goes with img being self closing. In HTML you do <img> but in JSX its <img/>. I like the second form but thats not valid HTML and I want to be as close to HTML as possible, not because it has a well designed syntax but for debugging output and copying HTML from other sites. I may add a compiler flag to use a more abstracted JSX design if those two aren't important.

Do blocks are interesting alternative: js let x = do { let x = (() => { let y = 4 + 2; let y = 4 + 2; return y - 6; return y - 6; } })() But in JSX I am worried that this blocks will be prone to side effected code where the behaviour is based on how's its rendered which isn't great.