Kebutuhan untuk meningkatkan user experience sangat diperlukan oleh developer untuk membuat aplikasi berbasis web atau mobile menjadi lebih menarik.
Tak hanya itu, developer juga harus melek dengan teknologi yang kerap dipakai untuk meningkatkan user experience tersebut salah satunya adalah dengan mempelajari React JS.
Jika kamu berminat untuk belajar React JS ini, kamu bisa mengikuti beberapa panduannya di sini.
Berkenalan dengan React JS?
React JS dibuat oleh karyawan Facebook Jordan Walke pada 2011 lalu - EKRUT
React JS adalah sebuah library Javascript yang dikembangkan oleh salah seorang karyawan Facebook yang bernama Jordan Walke pada 2011 dan telah resmi open source pada 2013, dapat digunakan untuk membuat user interface (UI) pada web atau pada aplikasi mobile.
Sering kali banyak yang menyangka bahwa React JS ini merupakan framework, akan tetapi ini adalah sebuah library javascript.
Alasan Jordan Walke membuat React JS waktu itu karena aplikasi Facebook waktu itu sudah sangat kompleks banyak bagian dari aplikasi tersebut yang harus terus diupdate. Sementara jika menggunakan JQuery akan memakan banyak waktu.
Oleh karena itu, keberadaan React JS mampu menyediakan solusi virtualDOM yang lebih cepat. Selain itu, ada juga beberapa alasan yang mungkin mendukungmu kenapa kamu harus belajar React JS di antaranya,
- Reusable maksudnya adalah komponen yang kamu buat bisa digunakan lagi sewaktu-waktu bila kamu membutuhkan. Dengan begitu ini berarti bisa mempersingkat resource dan waktu yang dibutuhkan.
- Immutable state. Di mana kamu bisa menggunakan redux untuk memanajemen state serta bisa menggunakan Ramda.JS untuk mengatasi permasalah mutable state.
- Efisien dan cepat, sebab React JS hanya akan merender resource yang berhubungan dengan data yang diganti.
- Library Javascript, di mana bisa digunakan untuk menyematkan syntax HTML dalam Javascript. Di tambah React JS juga memiliki fungsi dari ES6.
Baca juga: 4 Sertifikasi JavaScript untuk skill yang lebih teruji
Syarat belajar React JS untuk pemula yang harus kamu tahu
Pelajari beberapa hal terkait javascript, HTML dan CSS sebelum belajar React JS - EKRUT
Untuk mempermudah kamu mempelajari React JS, ada beberapa hal yang sebelumnya harus kamu kuasai atau setidaknya sudah familiar dengan beberapa hal ini supaya proses belajar kamu lebih mudah.
- Pengetahuan tentang fitur ES6 seperti arrow function, subclass dan class, destructuring, high order function, imports dan exports, ternary operator, async-await, rest parameter dan spread operator dan lain-lain.
- Paham tentang bagaimana cara menggunakan npm atau node package manager.
- Mengerti tentang pengetahuan dasar bahasa pemrograman Javascript, HTML dan CSS.
Memulai belajar React JS lengkap
Dalam belajar React JS kamu harus menginstall Babun, Node JS dan React JS - EKRUT
Setelah beberapa requirement di atas kamu yakin telah memilikinya atau punya pengetahuan dasar tentang bidang tersebut, kini kamu bisa mulai belajar React JS dengan terlebih dahulu menginstall React JS.
Namun, sebelum memulai menginstall React JS sebaiknya kamu menggunakan sistem operasi Windows Shell Babun supaya lebih mudah ke depannya untuk mendevelop aplikasi.
Di samping itu, kamu juga membutuhkan Node JS sebagai server. Jadi, dalam panduan belajar React JS Indonesia ini akan ada tiga aplikasi yang kamu instal yakni menginstal Babun, Node JS dan React JS.
Menginstall aplikasi sistem operasi Window Shell Babun
Perlu diketahui bahwa Babun merupakan Window Shell atau terminal yang dilengkapi dengan fitur command linux, support git dan sudah terintegrasi dengan oh my zsh. Untuk mengaktifkannya kamu bisa melakukan langkah-langkah di bawah ini.
- Install Babun terlebih dahulu dari laman ini http://babun.github.io/ dan klik download now.
- Kemudian extract file Babun tersebut dengan mengklik install.bat.
- Tunggu hingga proses instalasi selesai.
Selanjutnya kamu juga harus menginstal powerline-font lewat alamat ini https://github.com/powerline/fonts.
- Klik clone atau download atau download zip.
- Kemudian extract dan buka folder font, kemudian klik kanan pada install.ps1 dan pilih run with power shell.
- Kemudian ketik ya dan tunggu hingga prosesnya selesai.
- Setelah proses itu selesai kemudian buka lagi terminal babun tadi.
- Klik kanan pilih option kemudian pilih tab text.
- Klik select.
- Nantinya akan muncul kotak font lalu pilih font jenis Inconsolata-g for Powerline.
- Lalu klik ok.
Kemudian buka kembali terminal Babun lalu ketik command nano ~/ .minttyrc
- Isi command tadi dengan text
- Tekan di keyboard CTRL+O lalu isi dengan .minttyrc
- Tekan Enter lalu, ketik ya dan terakhir Enter kembali.
Pada langkah selanjutnya kamu akan dipandu untuk membuat halaman resmi theme oh-my-zsh dengan menggunakan theme agnoster untuk mempermudah mendevelop aplikasi.
- Kamu hanya perlu mengganti teks pada ZSH_THEME=”default” menjadi ZSH_THEME=”agnoster”.
- Lalu tekan CTRL + O, kemudian ENTER.
- Tekan CTRL+X dan tutup terminal Babun nantinya akan kamu dapati tampilan terminal akan berganti seperti di bawah ini.
Menginstall Node JS
Adapun cara menginstall Node JS yakni dengan mengikuti langkah-langkah di bawah ini.
- Download dulu instrallernya di alamat https://nodejs.org/en/ atau di alamat https://nodejs.org/en/download/.
- Kemudian jalankan instraller tersebut seperti layaknya kamu menginstal aplikasi baru di laptop.
- Nantinya setelah menentukan lokasi penyimpanan Node JS di pasang.
- Kemudian tentukan komponen apa saja yang akan dipasang. Namun, biasanya gunakan saja pengaturan default supaya full installation.
- Lalu klik next dan klik install dan finish.
Menginstall React JS
Ini merupakan langkah terakhir yang perlu kamu lakukan dalam proses belajar React JS untuk pemula yakni dengan menginstall React JS. Caranya cukup mudah kamu bisa mengikuti langkah-langkah di bawah ini.
- Ketik Command npm install -g create-react-app.
- Kemudian buat folder dengan nama belajar-react.
- Masuk ke folder tersebut kemudian klik kanan pilih open Babun here.
- Ketikkan perintah create-react-app first-react yang tampilannya nanti akan seperti di bawah ini
- Tunggu hingga proses instalasi berhasil yang akan ditandai dengan tampilan seperti ini
- Dari sana kamu akan masuk ke folder first-react lalu ketikkan command ini cd first-react.
- Kemudian jalankan apps first react dengan mengetikkan command npm start, seperti di bawah ini.
- Setelah itu kemudian akan muncul first react pertamamu di dalam web browser.
Dengan munculnya apps react pertamamu ini kamu sudah berhasil mempelajari panduan belajar React JS di langkah pertama ini yang cukup rumit langkah-langkahnya.
Baca juga: Ini kelebihan dan kekurangan React Native, sudah tahu?
Selanjutnya kamu bisa mulai mencoba sedikit demi sedikit membuat berbagai proyek seperti kalkulator sederhana atau membuat shopping cart yang bisa kamu dapatkan dari berbagai tutorial yang ada di internet.
Selamat mencoba!
Sumber:
