Membuat Tampilan Dinamis Menggunakan JSON Reactjs - Gina Ferlindawati - Universitas Safin Pati

Halo amigos🙌

Bertemu kembali lagi bersama saya, dalam kesempatan kali ini untuk belajar mengenai tampilan dinamis menggunakan reactjs. So, let's start amigos.

Baik, pertama tama kita akan belajar tentang JSON. Nah, apa itu JSON? JSON singkatan dari Javascript Object Notation. JSON adalah format file berbasis teks yang umumnya digunakan dalam proses pertukaran data antara server dan klien. File JSON memiliki ekstensi .json serta menggunakan teks yang sama-sama bisa dibaca oleh manusia dan dipahami oleh komputer.

Okay, kita bisa langsung ngoding aja!

Seperti biasa, siapkan folder untuk menginstall Reactjs, lalu tunggu proses instalasi hingga berhasil. Setelah itu, buka hasil instalasi pada kode editor. Saya menggunakan Visual Studio Code sebagai kode editor.

Kemudian, buka file App.js lalu ketikkan perintah seperti di bawah ini:

Penjelasan tentang Syntax JSON

Karena struktur JSON didasarkan pada syntax literal objek JavaScript, keduanya memiliki sejumlah kesamaan.

Berikut adalah elemen inti syntax JSON:

• Data disajikan dalam key/value pair (pasangan kunci/nilai).
• Elemen data dipisahkan oleh koma.
• Tanda kurung kurawal {} menentukan objek.
• Tanda kurung siku [] menunjukkan array.

It's a wrap! 

Thanks for learning JSON with me. See you soon guys👋

Nama: Gina Ferlindawati

NIM: 2022102004

Prodi: Teknik Informatika

Matkul: Adv Web Programming

Dosen: Sutrisno, M.Kom.