React.js: Perbedaan antara revisi
Konten dihapus Konten ditambahkan
Membuat artikel baru Tag: kemungkinan perlu dirapikan referensi YouTube VisualEditor |
sunting isi |
||
Baris 20:
== Penggunaan dasar ==
Berikut ini adalah contoh dasar penggunaan React untuk web, yang ditulis dalam [[JSX (JavaScript)|JSX]] dan [[JavaScript]] :<syntaxhighlight lang="javascript">
import React from 'react';
import ReactDOM from 'react-dom/client';
const Greeting = () => {
return (
<div className="hello-world">
<h1>Hello, world!</h1>
</div>
);
};
const App = () => {
return <Greeting />;
};
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
<React.StrictMode>
<App />
</React.StrictMode>
);
</syntaxhighlight>Berdasarkan dokumen HTML di bawah ini :<syntaxhighlight lang="html">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>React App</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
</body>
</html>
</syntaxhighlight>Fungsi (''function'')<code>Greeting</code> adalah komponent (''component'') React yang menampilkan [[Hello world|"Hello, World"]].
Ketika ditampilkan pada ''web browser,'' maka hasilnya adalah ''rendering'' dari :<syntaxhighlight lang="html">
< div class = "halo-dunia" >
< h1 > Halo, dunia! </ h1 >
</ div >
</syntaxhighlight>
== Fitur-fitur ==
===
React menganut paradigma pemrograman deklaratif. Pengembang mendesain tampilan untuk setiap status aplikasi, dan React memperbarui dan merender komponen saat data berubah. Hal ini berbeda dengan pemrograman imperatif.<ref>{{Cite web|title=React - The Complete Guide (incl. Hooks, React Router and Redux) [Video]|url=https://www.oreilly.com/library/view/react-the/9781789132229/|website=www.oreilly.com|language=en|access-date=2022-11-30}}</ref>
===
Kode React terbuat dari entitas yang disebut komponen. Komponen-komponen ini dapat digunakan kembali dan harus dibentuk dalam folder SRC mengikuti Pascal Case sebagai konvensi penamaannya (kapitalisasi ''camelCase''). Komponen dapat dirender ke elemen tertentu di DOM menggunakan pustaka React DOM.
== Sejarah ==
React dibuat oleh Jordan Walke, seorang insinyur perangkat lunak di Facebook, yang merilis prototipe awal React yang disebut "FaxJS". Ia dipengaruhi oleh XHP , sebuah pustaka komponen HTML untuk PHP . Ini pertama kali digunakan di News Feed Facebook pada tahun 2011 dan kemudian di Instagram pada tahun 2012. Itu bersumber terbuka di JSConf AS pada Mei 2013.
| |||