Home  »  Hosting   »   Cara Install React.js di Hosting

Cara Install React.js di Hosting

Last Update:

Introduction

Hi DomaiNesians! Kamu fans berat dari semua jenis javascript? Berapa jenis javascript yang udah kamu utak atik? Dari sekian banyak jenis javascript, yang perlu kamu tahu yaitu ada 2 jenis secara general. Yaitu jenis javascript yang dapat dijalankan dari sisi server dan sisi user interface. Misalnya ada Node.js yang bekerja di sisi server. Kemudian ada React.js, Angular.js, Vue.js dan masih banyak lagi yang bekerja di sisi user interface. Nah, pada panduan kali ini akan mengulik lebih dalam tentang React.js. React.js merupakan salah satu jenis javascript yang bekerja di sisi user interface. Artinya, jenis javascript ini akan membuat tampilan website kamu menjadi lebih menarik dan proses laoding data menjadi tidak berat. Kamu juga tetap bisa menggunakan CSS dan HTML juga kok. Pengen tahu lebih banyak tentang apa itu React.js, apa kelebihannya, serta bagaimana cara install React.js di Hosting ? Yuk ikuti step by stepnya.

Baca Juga: Cara Membuat Database di Hosting

Apa itu React.js?

Sebelum mengetahui cara install React.js di Hosting, pastikan kamu tahu apa itu React.js terlebih dahulu. Dikutip dari website resminya, React.js merupakan salah satu library Javascript yang berfungsi untuk membuat tampilan user interface website. Agar bisa dijalankan, React.js membutuhkan bantuan Node.js di sisi server. Belum tahu apa itu Node.js? Silahkan baca Membangun Website dengan Node.js.

Kelebihan dan Kelemahan React.js

Ada banyak kelebihan dari React.js itu sendiri. Diantaranya,
1. Memiliki komponen yang simpel dan mudah digunakan bagi pemula
2. Bisa ditambah plugin external seperti Markdown Library
3. Bersifat modular. Artinya kamu bisa membangun website dengan menggabungkan beberapa pecahan kecil menjadi satu kesatuan
4. React.js dapat digunakan untuk tampilan website dan mobile. Untuk membangun website, perlu bantuan dari Node.js. Sedangkan untuk membangun versi mobile, perlu bantuan dari React Native.
5. Menggunakan JSX yang digunakan untuk menulis HTML dalam Javascript
6. Sangat bagus jika digunakan untuk menampilkan data dengan skala besar

Tahap Persiapan

Ada beberapa hal yang perlu kamu persiapkan terlebih dahulu.
Pertama, kamu harus tahu bagaimana akses server via SSH. Hal ini sangat penting lho! Ketika melakukan instalasi, semua dilakukan via SSH melalui konsol. Nah buat kamu yang belum terbiasa, silahkan baca Cara Akses SSH Melalui Terminal atau PuTTy. Atau buat kamu yang belum tahu apa itu SSH, silahkan baca Apa itu SSH Server.
Kedua, karena proses instalasi banyak menggunakan command Linux pastikan kamu sudah familiar dengan berbagai command/perintah Linux. Buat kamu yang belum tahu, bisa baca di 10 Perintah Linux Yang Harus Kamu Tahu.
Ketiga, pastikan kamu telah menginstall Node.js di server Hosting. Hal ini mengingat React.js hanya dapat berjalan dengan bantuan Node.js di sisi server. Untuk panduannya, bisa cek di Cara Install Node.js di Hosting.
Setelah ketiga persiapan tersebut sudah dilakukan, maka kamu siap untuk menginstall React.js di Hosting :))

Cara Install React.js di Hosting

Nah, setelah tahap persiapan selesai sekarang saatnya melakukan instalasi React.js di Hosting. Hal ini bermanfaat banget buat kamu yang ingin memindahkan file website dari localhost ke hosting agar website bisa online. Adapun cara install React.js adalah sebagai berikut.

1. Menentukan Lokasi Install

Hal pertama yang harus kamu pikirkan adalah lokasi di mana React.js akan diinstal. Apakah di domain utama? Apakah di subdomain? Jika di domain utama, silahkan lakukan instalasi di dalam public_html. Jika di subdomain, silahkan lakukan instalasi React.js di dalam foldernya.
Misal:
Domain utama: websitesaya.com
Subdomain: reactjs.websitesaya.com
Untuk membuat subdomain, silahkan ikuti panduan Cara Membuat Subdomain di Hosting.

cara install react.js

2. Akses SSH via Terminal atau PuTTy

Kemudian yang harus kamu lakukan yaitu mengakses server via SSH menggunakan Terminal atau Software PuTTy. Buat kamu pengguna Linux atau Mac, bisa menggunakan terminal. Buat kamu pengguna WIndows, bisa menggunakan Software PuTTy. Apabila anda belum mengetahui caranya, silahkan baca di Panduan Cara Akses SSH. Silahkan tulis perintah berikut di Terminal/ PuTTy.

cara install react.js

Perlu diingat bahwa SSH hanya bisa dilakukan minimal Paket Hosting Super

3. Install React.js dan Forever.js

Nah untuk melakukan instalasi React.js silahkan tulis command berikut.

cara install react.js

Tunggu sebentar hingga proses instalasi selesai. Jangan kaget ya ketika di dalam folder (lokasi install) tadi akan terisi banyak dependensi/ file- file baru. Agar service react.js tetap berjalan selama 24 jam, kamu harus tetap menggunakan forever.js. Namun proses instalasinya “bundled” atau jadi satu dengan react.js

4. Membuat Folder Aplikasi React.js

Setelah proses install React.js berhasil, sekarang saatnya membuat folder aplikasi website. Silahkan tulis command berikut,

cara install react.js

Nantinya folder aplikasi tersebut akan terinstall secara otomatis. Nah, pada panduan kali ini folder yang dibuat bernama “app”. Kamu bebas menentukan nama folder lho! Tulis saja sesuai keinginanmu.

5. Menambahkan PORT 40000

Untuk menjalankan aplikasi React.js, kamu harus menambahkan port 40000 dalam app/package.json. Hal tersebut agar aplikasi bisa jalan di port 40000. Kamu bisa menggunakan editor seperti nano atau vim. Caranya yaitu ketik

cara install react.js

Setelah muncul script berikut, tambahkan “PORT=40000” di bagian start. Jika sudah selesai jangan lupa di simpan.

cara install react.js

Catatan: Bagi kamu yang belum terbiasa menggunakan vim, silahkan copy script di atas. Kemudian tulis vim index.js. Ketika muncul layar kosong, silahkan klik kanan pilih paste. Setelah itu untuk menyimpan script, silahkan tekan “Esc” pada keyboard. Lalu tulis :wq dan enter.

6. Menjalankan Aplikasi React.js

Setelah port ditambahkan, sekarang saatnya menjalankan aplikasi React.js. Coba lihat isi dari folder/ subdomain tadi dengan command

maka akan muncul beberapa file/ folder yang ada di dalam folder tersebut. Pastikan nama folder yang telah kamu buat tadi tersedia. Pada step 4 tadi, nama folder yang dibuat bernama “app”. Sekarang silahkan masuk ke folder app/ dengan cara

Kemudian tulis

Jika muncul seperti gambar di bawah ini berarti React.js berhasil dijalankan.

cara install react.js

7. Menjalankan React.js Melalui Port 80

Agar dapat diakses oleh web browser, pastikan kamu telah melakukan setting service React.js di port 80. Pertama, silahkan tambahkan konfigurasi port 80 di file .htaccess. Belum tahu apa itu file .htaccess? Coba baca Apa itu .htaccess. Untuk menambahkan file .htaccess silahkan tulis

Lalu, silahkan tulis script berikut ini

cara install react.js

Jangan lupa di save ya!

8. Proses Instalasi React.js Berhasil!

Oke, coba sekarang buka web browser kemudian tulis sesuai nama domain kamu. Jika menggunakan subdomain, pastikan tulis juga dengan subdomainnya. Dan lihat apa yang terjadi! React.js berhasil diinstall di Hosting kamu 😀

cara install react.js

Closing

Nah buat kamu yang suka oprek javascript khususnya React.js, panduan ini sangat bermanfaat lho! Coba bayangkan ketika di localhost website kamu lancar jaya. Tetapi ketika di Hosting, tiba-tiba website error dan bermasalah hanya karena service React.js belum jalan. Maka dari itu, ikuti panduan cara install React.js di Hosting step by step ya. Jangan ada yang terlewat! DomaiNesia support Node.js, PHP, Python dan Ruby lho! Pengen cobain Hosting Murah dengan kualitas terbaik dari DomaiNesia? Yuk order Hosting Murah DomaiNesia

Baca Juga: Cara Deploy Website Python di Hosting

Pindah ke DomaiNesia

Tertarik mendapatkan semua fitur layanan DomaiNesia?
Dapatkan Diskon Migrasi 25% serta GRATIS biaya migrasi & setup

Ya, migrasikan layanan saya!