Bekerja dengan React dan GO (Golang)


React dan Golang

Apa Itu React? Pengertian dan Cara Kerja ReactJS

ReactJS atau React adalah library JavaScript populer buatan Facebook yang digunakan dalam proses pengembangan aplikasi mobile dan web. React berisi kumpulan snippet kode JavaScript (disebut ‘komponen’) yang bisa digunakan berulang kali untuk mendesain antarmuka pengguna.

Perlu diketahui bahwa ReactJS bukanlah framework JavaScript, karena hanya bertugas untuk untuk merender komponen area tampilan aplikasi. React adalah alternatif untuk framework seperti Angular dan Vue, yang sama-sama bisa digunakan untuk membuat fungsi yang kompleks.

Berbagai Fitur React

React memiliki beberapa fitur utama yang menjadikannya lebih unggul dibandingkan dengan library JavaScript lainnya. Bagian di bawah ini akan menjelaskan fitur-fitur ini dan kegunaannya dalam proses development aplikasi mobile dan web.

JSX

JSX adalah ekstensi syntax JavaScript yang digunakan dalam pembuatan elemen React. Developer menggunakannya untuk menyematkan (embed) kode HTML pada objek JavaScript. Karena bisa memproses embedding ekspresi dan fungsi JavaScript yang valid, JSX pun membantu mempersingkat struktur kode yang kompleks.

Mari lihat blok kode berikut, yang mencontohkan cara embed ekspresi di JSX:

const name = 'John Smith;
const element = h1>Hello, {name}/h1>;
ReactDOM.render(
  element,
  document.getElementById('root')
);

Pada baris kedua, kami memanggil variabel name (nama) di dalam sebuah elemen React dengan meletakkannya di dalam kurung kurawal.
Sementara itu, fungsi ReactDOM.render() akan merender elemen React pada struktur data DOM (Document Object Model), yang mendeskripsikan antarmuka penggunanya (UI).

JSX juga membantu mencegah serangan XSS (Cross-Site Scripting). Secara default, DOM React mengubah nilai yang disematkan di JSX menjadi string sebelum merendernya. Hasilnya, pihak ketiga tidak bisa inject kode tambahan melalui input user, kecuali ditulis dengan jelas dalam aplikasi.

Tenang, nanti kita akan mempelajari peran JSX dalam pembuatan komponen React secara lebih mendetail.

Nah, selain menjelaskan apa itu React, kami akan membahas fitur, kelebihan, dan cara kerjanya. Kami juga akan membandingkan perbedaan ReactJS dan React Native terkait perannya di industri aplikasi web dan seluler.

Jika anda sudah memutuskan untuk bekerja dalam bidang tertentu khususnya pemrograman disini yang akan saya jelaskan adalah tentang menggabungkan antara React dan Go (Golang) , tahapan yang harus dilakukan terdiri dari:
  1. Lakukan instalasi Node.Js dan IDE nya Visual Studio Code
  2. Instalasi Postgres, DBeaver Community dan Postico (jika pakai Mac)
  3. Instalasi Go dan pilih sesuai dengan kebutuhan (Windows, MacOS, Linux)

Bagaimana React Bekerja

Disini kita bisa membuat website sederhana yang interaktif dan berfungsi sebagaimana mestinya, 

Buat Folder baru untuk menyimpan project dan buka polter tersebut pada visual studio code atau ketikan di CMD, Powershell dll
ketikan : npx create-react-app namafolderprojectnya
jalankan : npm start

Instal Extension Visual Studio Code sesuai kebutuhan dan open project

Hapus file yang tidak dibutuhkan : 
Folder SRC dan hapus file
  1. App.css
  2. App.js
  3. App.test.js
  4. logo.svg
  5. reportWebVitals.js
  6. SetupTests.j
  7. Jika Error jangan panik

Hapus Source Code pada Folder src/index.js


Ganti source code sesuai kebutuhan
masukan console.log('Pesan ini akan masuk pada Console');


Hapus kembali consolenya dan tambahkan codingan baru


 
Hasilnya harus seperti ini




Tambahkan file baru di folder SRC/AppFooter.js


Hasilnya seperti ini




Powered by Blogger.