React Uncover – Panduan Belajar Library React JS 18

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:

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 [email protected] 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).

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:

• HTML Uncover
• CSS Uncover
• JavaScript Uncover
• Bootstrap Uncover

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:

• Ilkoom CRUD Mahasiswa: https://ilkoom-crud-mahasiswa.firebaseapp.com
• Ilkoom Expense Tracker: https://ilkoom-expense-tracker.firebaseapp.com
• Ilkoom Movie Database: https://ilkoom-movie-database.firebaseapp.com

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

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 [email protected] / 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

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