React ビギナーズガイドを自分なりにまとめるところ

JSXの必要性

Reactで書く

 <script>
ReactDOM.render(
React.DOM.h1(
{id: "my-heading"},
React.DOM.span(null,
React.DOM.em(null, "Hell"),
"o"
),
" world!"
),
document.getElementById('app')
);
</script>

 長くない？

JSXで書く

<script type="text/babel">
ReactDOM.render(
<h1 id="my-heading">
<span><em>Hell</em>o</span> world!
</h1>,
document.getElementById('app')
);
</script>

まだ、理解できる！

 

つづく…