Bismillah…

Catatan baru lagi, jadi di ReactJS, kita akan berkenalan dengan NEXT-GEN dari Javascript, jika file yang kita simpan biasanya tertulis .js jika kita mengembangkan dengan ReactJS maka lebih memilih .jsx … ini contoh potongan code dari JavaScript dan JavaScriptXml …

Ini adalah potongan penulisan Javascript:

 
<script type="text/javascript">
React.render(React.createElement('div', null, 'Hello World'), document.body );
</script>

Ini adalah potongan penulisan JavascriptXml:

<script type="text/babel">
	var HelloWorld = React.createClass({
		render: function() {
			return <div>
					<h1>Hello World, Again!</h1>
					<p>This is some Text</p>
			</div>
		}
	});
	React.render(<HelloWorld />, document.body );
</script>

kurang lebih tampilannya seperti ini:

Gw Jelasin sedikit ya,di potongan code pertama itu menggunakan syntact text/javascript, sedangkan di potongan ke dua menggunakan sytact text/babel yaudah segitu aja jelasan singkatnya, nah kalo di liat dari gambar ada tag blabla … , react akan create object bernama class HelloWorld … yang isinya dikenal dengan prop (propertis)