Apa itu Bereaksi?

React adalah Perpustakaan UI .
Ya, bukan sebuah kerangka kerja... Django adalah sebuah Kerangka. Angular adalah Kerangka. React bukan, ini perpustakaan kawan.

Jadi perlu buat websitenya, keren.

Situs web dimuat di Browser, jadi Anda perlu mengetahui bahasa yang dipahami browser. Terdiri dari 3 bagian seperti pada triquetra dari Dark.

1.HTML

2. CSS

3.JavaScript

HTML :- Bahasa Markup HyperTeks

AKA Apa masalahnya

Bahasa ini memiliki himpunan tagsyang dimengerti oleh browser, seperti:

• <img> untuk merender Gambar
• <a> untuk hyperlink
• <h1>,<h2>,…<h6> untuk judul
• <p> untuk paragraf

CSS :- Lembar Gaya Bertingkat

AKA Seperti apa bentuknya

Ini berkaitan dengan tampilan tertentu <tag>.

Anda dapat menata tag Anda dengan berbagai cara seperti:

• warna latar belakang
• warna
• perataan teks
• menampilkan

skrip java

AKA Apa yang dilakukannya saat ditusuk

Hal ini sebagian besar bergantung pada bagaimana pengguna diizinkan berinteraksi dengan tag Anda.

Anda bisa mulai mempelajarinya di sini.

Sebagai contoh sederhana, mari kita ambil sebuah Button.

Setara HTMLnya adalah:

<button type="button">Click Me!</button>

.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

<button onclick="myFunction()">Click me</button>
// A Js Function 
function myFunction() {
  // code to execute onclick of the button
}

Jadi tombol Anda berfungsi dengan baik. Sekarang mari kita lihat apa yang dilakukan React.

Apa yang dilakukan React?

Ini menyusun 3 teratas menjadi satu Fungsi/Kelas yang disebut Komponen.

Tombol ini ditata oleh JSX, sehingga gaya apa pun dari bentuk [warna latar] akan diubah menjadi [warna latar], [ukuran font] menjadi [ukuran font], dan seterusnya.

Ooh ooh tunggu. Apa itu BEJ sekarang??
Ini adalah XML Javascript. Ini pada dasarnya memungkinkan kita untuk menulis HTML di React.

Silakan klik tautan berikut untuk mengetahui lebih lanjut:

1. https://reactjs.org/docs/introducing-jsx.html
2. https://facebook.github.io/jsx/

Jadi itulah pengenalan singkat tentang apa yang dilakukan React.

Kita bisa mulai membuat komponen kecil yang independen, menyusunnya menjadi komponen yang kompleks dan mengubahnya menjadi sebuah website.

Sekarang buka Dokumen Resmi React dan mulailah membuat produk luar biasa.

Inilah Karthik yang mewakili Timeless .

Jika Anda merasa postingan blog ini bermanfaat, bagikan dengan teman.

Silakan memberikan komentar Anda.