React Uncover – Panduan Belajar Library React JS 18

React Uncover - Panduan Belajar React JS 18

April 2022: Update ke React 18, dengan perubahan:

  • Perintah render ReactDOM.createRoot().render() menggantikan ReactDOM.render() dari versi React 17.
  • Ketebalan buku menjadi 610 halaman A4.
  • Perbaikan typo dan salah ketik (update terakhir di juni 2023).

Sejak dirilis hingga sekarang (Oktober 2023) eBook React Uncover telah dibaca oleh 682 rekan-rekan Duniailkom. Terimakasih banyak atas dukungannya…

eBook React Uncover bisa didapat dengan harga Rp 70.000 melalui transfer Bank Mandiri, BCA, BRI, BNI, GoPay, OVO, Dana, LinkAja, dan PayPal.

Untuk pemesanan bisa ikuti panduannya di: Cara Pembelian eBook & Buku Duniailkom atau boleh email saya langsung ke duniailkom@gmail.com / WA ke 083180285808 (andre).


Buku React Uncover saya tujukan bagi rekan-rekan yang ingin mempelajari library React mulai dari awal.

React sendiri merupakan salah satu library/framework JavaScript front-end paling populer saat ini. Dengan React, kita bisa membuat halaman web yang dinamis, dan react-ive.

Web yang dibuat dengan React umumnya berbentuk SPA (Single Page Aplication) yang terdiri dari 1 halaman saja. Sepanjang penggunaan web, yang berubah hanya bagian tertentu, tidak perlu me-load ulang semua halaman. Ini membuat web SPA terasa lebih cepat dan responsive.

Karena React adalah sebuah library JavaScript, maka dasar JavaScript wajib dipahami. Tidak hanya itu, React juga banyak menerapkan konsep JavaScript modern yang sering dikenal sebagai EcmaScript 6 (ES6). Agar lebih mudah, saya juga menyertakan 1 bab khusus di awal buku tentang "JavaScript (ES6) untuk React". Bab ini berisi materi kilat untuk memahami fitur dan cara penulisan terbaru dari ES6.

Setelah itu, kita akan masuk ke "dunia React". Mulai dari cara instalasi, struktur penulisan JSX, props, event, state, ref, hook, react lifecycle, hingga form processing.

Di akhir buku juga terdapat berbagai mini project sebagai implementasi dari materi yang sudah dipelajari, diantaranya membuat aplikasi CRUD Mahasiswa, Ilkoom Expense Tracker, dan Ilkoom Movie Database. Tidak ketinggalan, semua mini project akan kita upload ke firebase hosting supaya langsung online dan bisa diakses dari internet.

Itulah sekilas materi yang akan dibahas sepanjang buku ini. Mempelajari React memang tidak gampang, namun saya berusaha menyajikan materi yang mudah dipahami disertai banyak contoh kode program.

Besar harapan semoga buku React Uncover bisa memandu rekan-rekan untuk menguasai React dengan praktis.

Setiap bahasan dilengkapi dengan contoh kode program. Jika mengalami kendala, anda bisa buka file kode program yang disertakan (berisi seluruh kode program yang ada di buku ini).

Buku React Uncover terdiri dari 610 halaman yang mencakup 20 bab, dengan rincian sebagai berikut:

  1. Berkenalan Dengan React
  2. JavaScript (ES6) untuk React
  3. React dan React DOM
  4. JSX (JavaScript XML)
  5. React Component
  6. React Props
  7. React Event
  8. React State
  9. React useState Hook
  10. React ref dan useRef Hook
  11. React Form Processing
  12. Ref DOM Manipulation
  13. React Component Lifecycle
  14. Mini Project: Todo
  15. Create React App
  16. Mini Project: CRUD Mahasiswa
  17. Mini Project: Ilkoom Expense Tracker
  18. JavaScript Fetch API
  19. Mini Project: Ilkoom Movie Database
  20. Mengonlinekan React App (Firebase Hosting)

Daftar isi bisa di download dari link berikut:

Contoh (sample) eBook bisa di download dari link berikut:

Tampilan eBook React Uncover

 

Sama seperti eBook Duniailkom yang lain, fitur yang bisa didapat adalah:

  • Pembahasan materi yang mendalam. Buku React Uncover fokus membahas konsep dasar React dengan detail. Total terdiri dari 610 halaman A4 yang meliputi 20 Bab. Jika disetarakan dengan ukuran buku komputer biasa yang berukuran A5, jumlah halamannya menjadi 1220 halaman!
  • Bahasa yang mudah dimengerti dan dipahami. Buku ini ditulis dengan gaya penulisan yang sederhana seperti tutorial di duniailkom, dimana pembahasan materi selalu disertai dengan contoh dan tampilan hasil kode program.
  • Kode program dapat di download. Seluruh contoh kode program yang ada di buku bisa di download, sehingga sangat mudah untuk langsung melihat hasilnya.
  • Layout halaman yang professional. Tampilan buku disusun secara rapi sesuai standar buku / eBook luar negeri.
  • Tersedia dalam format PDF dan ePub. File pdf boleh di print selama untuk dibaca sendiri.
  • Support konsultasi melalui email duniailkom@gmail.com atau WA ke 083180285808. Jika ada materi atau bahasan yang kurang jelas, bisa tanya-tanya via email / WA (mohon maaf, berhubung kesibukan tidak melayani pertanyaan di luar materi buku seperti tugas kuliah / skripsi).

Mohon kerjasama rekan-rekan untuk tidak meng-upload, memperbanyak atau menjual ulang eBook ini. Lisensi eBook hanya untuk 1 orang saja (tidak diperkenankan beli 1 untuk dibaca rame2).

Jika memiliki blog, situs pribadi, atau channel youtube, mohon juga untuk tidak memposting materi apapun yang ada dibuku. Semua materi di eBook/buku Duniailkom sudah terdaftar di Direktorat Jenderal Kekayaan Intelektual RI dan dilindungi oleh Undang-undang Hak Cipta.

Apabila terpaksa, pelanggaran terkait hal ini akan di tuntut dengan peraturan yang berlaku.


FAQ – Frequently Asked Question


Apakah buku ini untuk pemula?

Jika pemula yang dimaksud pemula di React, maka jawabnya: iya, buku ini saya tujukan untuk yang baru belajar React.

Akan tetapi jika dimaksud pemula di web programming, maka jawabnya: belum. Karena React adalah library JavaScript, maka saya berasumsi rekan-rekan sudah paham tentang JavaScript sebelum membaca buku ini. Selain itu, tentu saja juga harus punya dasar HTML dan CSS.

Untuk mempercantik tampilan design, saya memakai CSS framework Bootstrap di beberapa mini project. Ini tidak wajib, namun menjadi nilai plus jika sudah pernah belajar Bootstrap sebelumnya.

Materi-materi di atas tidak harus dipelajari dari buku Duniailkom, bisa juga dari tutorial/buku lain. Jika diperlukan, duniailkom juga menyediakan buku-buku yang dimaksud:


Menggunakan versi React berapa?

Buku React Uncover ini sudah diupdate ke React 18 yang rilis Maret 2022.


Apakah juga sudah membahas materi advanced React?

Materi React memang sangat luas. Karena keterbatasan jumlah halaman dan agar bisa menyertakan lebih banyak mini project, di buku React Uncover ini saya belum membahas materi advanced seperti React Router, Redux atau NextJS.

Mudah-mudahan kedepannya Duniailkom juga bisa menghadirkan seri eBook React in Depth untuk pembahasan materi React advanced.


Ada studi kasusnya?

Ada, sepanjang buku terdapat beberapa mini project sebagai latihan dan implementasi dari materi yang sudah dipelajari. Mini project ini mencakup pembuatan aplikasi CRUD hingga pemrosesan API. Berikut link demo dari mini project yang ada di buku:

Berikut tampilan screen shot dari studi kasus tersebut (klik untuk memperbesar):

Tampilan Project CRUD Mahasiswa dengan React

Tampilan Project Ilkoom Expense Tracker dengan React

Tampilan Project Ilkoom Movie Database Tampilan Project Ilkoom Expense Tracker dengan React


Apa saja aplikasi yang diperlukan?

Aplikasi yang diperlukan berupa teks editor, web browser, dan nodejs. Beberapa materi juga mengharuskan komputer / laptop untuk terkoneksi langsung ke internet.

Untuk text editor tidak ada syarat khusus, anda bebas ingin menggunakan text editor apapun seperti Notepad++, Komodo Edit, Sublime Text atau Atom. Dalam buku ini saya akan menggunakan Visual Studio Code atau VS Code yang bisa di download gratis dari web resminya di code.visualstudio.com.

Untuk web browser juga tidak ada syarat khusus, yang direkomendasikan adalah Google Chrome, Mozilla Firefox, atau Microsoft Edge versi terbaru.

Untuk nodejs, itu diperlukan agar bisa mengakses perintah npm dan npx. Tapi kita tidak akan membahas kode nodejs dalam buku ini, hanya sekedar menginstall saja.


Apakah nanti dapat update juga?

Untuk update ringan seperti perbaikan salah ketik (typo) atau ada kode program yang error, update bisa di dapat secara gratis. Namun jika terdapat penambahan materi baru, updatenya terpaksa sedikit berbayar sekedar ganti upah lelah penulisan. Semoga bisa dimakmumi…

Khusus bagi yang sudah memiliki lisensi eBook React Uncover versi sebelumnya, update nanti bisa didapat dengan diskon 50% dari harga eBook terbaru (Rp. 35.000, atau bisa lebih murah jika updatenya tidak banyak).

Diskon berlaku hanya untuk versi eBook, tidak termasuk buku cetak.


Saya ada tugas / skripsi / project nih, kalau beli bukunya bisa dibantu g?

Mohon maaf sekali, berhubung kesibukan mengelola duniailkom dan kegiatan lain, saya belum bisa membantu jika ada pertanyaan diluar materi buku.

Saya sangat ingin menolong, namun pertanyaan seputar tugas / aplikasi bisa sangat kompleks. Tidak akan cukup 1 atau 2 jawaban saja karena harus dianalisis dulu seperti apa aplikasi yang sedang dirancang (bisa makan waktu berhari-hari).

Oleh karena itu pertanyaan melalui email atau WA, saya batasi hanya seputar materi yang dibahas di buku ini saja. Jika kode tersebut di dapat dari orang lain / situs lain, silahkan bertanya pada programmer yang merancangnya. Memahami coding orang lain jauh lebih sulit daripada kita yang buat sendiri.


Ada versi cetaknya ga?

Ada. Versi buku cetak React Uncover bisa didapat dengan harga Rp. 230.000. Harganya memang cukup mahal mengingat ketebalan buku ini (604 halaman A4). Buku di cetak dengan kualitas tinggi dan menggunakan hardcover agar lebih awet.

Harga tersebut belum termasuk ongkos kirim dari Bandung 2kg (berat buku ini 1,5 kg sehingga terhitung 2kg). Pengiriman bisa via JNE, POS atau Wahana. Saya tidak menyediakan stock, setiap pemesanan akan dicetak dulu sekitar 5 – 7 hari kerja (maksimal 10 hari kalau order lagi banyak).

Jika ingin buku cetak + eBook, bisa ditambah dengan 1/2 harga eBook (Rp. 35.000). Sehingga untuk buku cetak + eBook React Uncover totalnya = 230rb + 35rb = Rp. 265.000 (belum termasuk ongkos kirim). Lisensi eBook hanya untuk pembeli yang sama, bukan untuk orang lain.

Apabila berminat silahkan menghubungi duniailkom@gmail.com / WA ke 083180285808, atau langsung ke Official Store Duniailkom di Tokopedia: tokopedia.com/duniailkom. Isi buku di cetak hitam putih (bukan full color).


## TESTIMONI ##

Sedikit testimoni dari pembaca eBook / Buku Duniailkom

Testimoni eBook DuniailkomTestimoni eBook DuniailkomTestimoni eBook DuniailkomReview eBook DuniailkomReview eBook DuniailkomReview eBook DuniailkomTestimoni eBook DuniailkomReview eBook DuniailkomTestimoni eBook DuniailkomTestimoni eBook DuniailkomTestimoni eBook DuniailkomReview eBook Duniailkom


Cara belinya bagaimana?

eBook React Uncover bisa didapat dengan harga Rp 70.000 melalui transfer Bank Mandiri, BCA, BRI, BNI, GoPay, OVO, Dana, LinkAja, dan PayPal.

Untuk pemesanan bisa ikuti panduannya di: Cara Pembelian eBook & Buku Duniailkom atau boleh email saya langsung ke duniailkom@gmail.com / WA ke 083180285808 (andre).

Semoga React Uncover ini bisa menjadi buku pengantar terbaik untuk memandu anda untuk menjadi seorang front-end JS developer :)

46 Comments

  1. Rusman
    28 Dec 21
    • Andre
      29 Dec 21
      • Fajar susilo
        03 Jan 22
        • Andre
          03 Jan 22
  2. Brey
    03 Jan 22
    • Andre
      05 Jan 22
  3. Satriyo
    03 Jan 22
    • Andre
      05 Jan 22
  4. abram
    06 Jan 22
    • Andre
      06 Jan 22
  5. Dedu
    16 Jan 22
  6. Tiara
    18 Jan 22
    • Andre
      18 Jan 22
  7. Mohamad Zaelani
    22 Jan 22
    • Andre
      22 Jan 22
  8. Taufiq Hidayat
    02 Mar 22
    • Andre
      06 Mar 22
  9. Saddam
    18 Apr 22
  10. randi apriliyadi
    12 Jun 22
    • Andre
      13 Jun 22
  11. Mohamad Zaelani
    13 Jun 22
    • Andre
      13 Jun 22
      • Anon
        28 Jun 22
        • Andre
          30 Jun 22
  12. Azhar Lihan
    01 Jul 22
    • Andre
      07 Jul 22
      • Azhar Lihan
        08 Jul 22
        • Andre
          08 Jul 22
  13. Dharma Hrp
    30 Sep 22
    • Andre
      30 Sep 22
      • Dharma Hrp
        04 Oct 22
  14. Beni dinarto
    06 Oct 22
    • Andre
      08 Oct 22
  15. halim
    25 Nov 22
    • Andre
      25 Nov 22
      • Anonymous
        25 Nov 22
  16. XWJS
    11 Jan 23
  17. Rusman Wahab
    10 Mar 23
    • Andre
      11 Mar 23
      • Anonymous
        10 Jun 23
        • Andre
          10 Jun 23
        • Anonymous
          18 Jun 23
        • Andre
          22 Jun 23
  18. Muhammad Shofwan Ar Rasyid
    10 May 23
    • Andre
      12 May 23

Add Comment

Leave a Reply to Anon Cancel reply