Tutorial kali ini untuk anda yang ingin belajar react js dari awal atau belajar dari level beginner. Cocok untuk developer junior yang mau belajar javascript langsung dengan contoh project react js. Kenapa ada kata-kata "Bahasa Indonesia" di judul tutorial? karena tutorial dengan bahasa inggris sudah terlalu banyak, sedangkan yang mencari tutorial dalam bahasa indonesia masih banyak.
React Js adalah framework atau library javascript, memudahkan kita dalam membuat user interface atau aplikasi frontend yang lebih interaktif, user interface yang lebih cepat response event atau action nya, membuat aplikasi berbasis website ter-rasa seperti menggunakan aplikasi desktop. React Js membuat aplikasi web lebih ringan di unduh pada device mobile atau smart phone.
Ada banyak library atau framework javascript lain yang juga populer, seperti Vue Js, backbone js, Jquery, Angular Js 1 sampai dengan Angular Js versi 5, twitter bootstrap juga masih termasuk library atau framework javascript, dan masih banyak lagi. Jika kita ikuti versi javascript framework, sangat cepat perubahannya, angular js saja sekarang sudah versi yang ke 5, jadi saya sarankan pilihlah satu framework javascript yang akan anda gunakan terus dalam setiap project-project anda, sehingga anda tidak repot dan selalu uptodate dalam setiap perubahan-perubahan version.
Baiklah untuk sekarang, saya memilih menggunakan react js, kenapa saya memilih react js? karena saya ingin membuat aplikasi mobile menggunakan react native yang dasar librari nya menggunakan react js. Membuat aplikasi mobile menggunakan react native bisa di compile atau di export menjadi aplikasi android dan aplikasi ios, silahkan anda googling aplikasi-aplikasi mobile besar yang dibangun menggunakan react native, salah satu contohnya adalah Instagram. Tapi lebih baik harus tahu dulu membuat aplikasi mobile native menggunakan java untuk android dan swift atau objective-c untuk aplikasi ios.
Okey, kita kembali ke react js. Jika anda ingin penjelasan yang lebih lengkap tentang react js, anda bisa langsung ke website resmi react js di reactjs.org, disitu juga ada tutorial cara memulai project react js dengan bahasa inggris. Baiklah kita akan memulai project react js dengan langkah-langkah berikut:
1. Download dan Install node js dan npm dari situs https://nodejs.org. Jika anda sudah install node js, maka harusnya npm nya juga sudah terinstall.
2. Jika Node js dan NPM sudah sukses di install, buatlah folder atau direktori untuk menyimpan project-project react js anda.
$ mkdir "workspace-reactjs"$ npm install -g create-react-app4. Kemudian kita buat project react js kita dengan perintah berikut:
$ create-react-app aplikasi-reactjs$ cd aplikasi-reactjs
$ yarn start
Jreng... jreng... aplikasi react js siap di sajikan.
Baiklah, sampai di tahap ini, anda telah selesai membuat project react js menggunakan package "create-react-app". Sangat mudah kan?? hehehe. Selanjutnya project react js tadi tinggal di modifikasi menjadi aplikasi yang kita inginkan, atau menjadi aplikasi sesuai permintaan client. Oh ya, aplikasi react js tadi, anda bisa kombinasikan dengan framework apache cordova untuk di jadikan aplikasi mobile android dan ios. Silahkan googling tutorial tentang cordova.
Okeh, sampai disini dulu tutorial kali ini. Jangan kawatir, project anda yang tadi, tidak akan kita biarkan begitu saja, melainkan kita akan kembangkan terus menjadi aplikasi yang berguna bagi nusa dan bangsa, atau bisa juga berguna bagi anda sendiri. Tutorial di seri berikut nya yaitu Tutorial react js Bahasa Indonesia bagian 2.
Jika ada bagian tutorial yang tidak anda mengerti, silahakan bertanya di kolom komentar, saya akan membantu anda sampai bisa. Dan saya juga minta maaf kepada yang sudah mahir atau yang sudah master, karena tutorial ini sangat mudah dan terlalu awam bagi yang sudah mahir, karena memang tutorial ini hanya untuk beginner atau yang baru mau mulai belajar react js atau yang ingin memanfaatkan pengetahuan javascript nya untuk membuat aplikasi yang powerful.
Sekian tutorial kali ini, terima kasih sudah mampir di blog yang sederhana ini. Sukses terus dalam karir koding mengoding anda.
source code tutorial: https://github.com/opetstudio/tutorial-reactjs
Tidak ada komentar:
Posting Komentar