Tutorial Pembuatan "Hello World" ReactJS Bagi Pemula
Apa Sih Itu ReactJS?
Reactjs merupakan sebuah library
yang dibuat oleh Facebook untuk membuat UI (user interface) dalam Web
dan juga mobile. Banyak orang menyebutnya framework, tetapi secara
teknis. Reactjs bukan sebuah framework. Melainkan sebuah library buat
membuat UI.
Banyak orang menyebutnya sebagai framework, namun secara teknis.. Reactjs bukanlah sebuah framework. Melainkan sebuah library untuk membuat UI.
Saat tulisan ini dibuat, perkembangan Reactjs telah mencapai versi 17.0.2.
Oke, mari kita coba membuat aplikasi dengan Reactjs
pertama kita buat file html biasa dengan nama hello-world.html, di dalam body kita akan menampilkan teks.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Belajar Reactjs</title>
<script src="https://unpkg.com/react@16/umd/react.production.min.js">
</script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.production
.min.js"></script>
<script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js">
</script>
</head>
<body>
<div id="app"></div>
<script type="text/babel">
class Hello extends React.Component {
render() {
return <h1>Hello World Reactjs!</h1>
}
}
ReactDOM.render(<Hello/>, document.getElementById("app"));
</script>
</body>
</html>
Output
Komentar
Posting Komentar