Langsung ke konten utama

Cara Install ReactJs dengan Mudah


 

Sebelumnya kita telah membahas tentang apa itu ReactJs pada postingan Mengenal Apa itu React Js. Untuk itu pada postingan kali ini kita akan memulai langkah pertama untuk bisa mempraktekkan langsung atau membuat project dengan ReactJS. Langkah pertama yang harus dilakukan adalah memasang ReactJs, dimana anda memerlukan NPM. Baca lebih jauh menegenai Apa itu NPM.

Adapun Langkah-langkah sebelum anda dapat menginstall ReactJs adalah sebagai berikut : 1. Install Node js -> Baca disini

2. Pastikan NPM sudah terinstall (NPM satu paket ketika Node js di install), cara mengeceknya dengan membuka CMD dan ketikkan perintah npm -v, jika muncul versi NPM seperti pada gambar dibawah, berarti NPM sudah siap digunakan.





3. Install create-react-app caranya buka CMD dan ketikkan perintah npm install -g create-react-app kemudian tunggu hingga proses selesai. Pastikan anda memiliki koneksi internet sebab program akan mendownload beberapa file.

Sampai disni anda sudah berhasil memasang dan sudah dapat membuat project baru dengan ReactJS. Cara membuat project baru sangat mudah cukup ketikkan perintah create-react-app diikuti nama project anda. Misalnya saya ingin membuat project baru dengan nama "hello_world", perintahnya menjadi create-react-app hello_world.

Untuk menjalankan app silahkan arahkan CMD ke folder project yang telah dibuat. Kemudian ketikkan perintah npm install kemudian npm start, program akan otomatis membuka browser dan menjalankan web anda pada port 3000.





Tampilan pertama project anda akan nampak seperti ini :





Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Mengenal Sejarah Bahasa Pemrograman C++

C++ merupakan bahasa pemrograman tingkat menengah yang banyak dijadikan sebagai dasar pembelajaran dalam dunia pemrograman. Bahasa ini bisa dibilang mudah dipelajari sebab sudah menggunakan bahasa yang mirip dengan bahasa manusia dibandingkan dengan bahasa Assemble yang merupakan bahasa tingkat rendah. Salah satu keunggulan dari bahasa ini adalah kecepatannya dalam melakukan kompilasi kedalam bahasa mesin, selain itu bahasa c++ banyak dijadikan sebagai acuan untuk bahasa-bahasa pemrograman baru. Sejarah Awal Pembuatan Bahasa Pemrograman C++ Bahasa C++ dibuat oleh Bjarne Stroustrup yaitu seorang ilmuwan komputer dan profesor di bidang ilmu komputer di Texas A&M University. Profesor yang berasal dari Denmark ini dulunya tergabung dalam Computer Research Institute of Cambridge University dimana dia menghabiskan hari-harinya mengabdikan diri untuk meneliti perangkat lunak yang berjalan pada sistem terdistribusi. Sistem terdistribusi merupakan sistem dimana banyak komputer yang terhubu...
Posting Komentar
Baca selengkapnya

Panduan Rinci Cara Membuat Website

Website adalah suatu kumpulan halaman berbentuk digital yang dapat diakses menggunakan perangkat lunak yang disebut Browser, dengan bantuan jaringan Internet. Penjelasan mengenai apa itu website telah dijelaskan sebelumnya di dalam postingan : Mengenal Apa Itu Web dan Hal yang Perlu di Perhatikan dalam Membangun Web . Didalam postingan tersebut sudah dijelaskan apa saja yang perlu diperhatikan dalam pembuatan web atau website. Selanjutnya pada postingan ini akan dijelaskan secara rinci bagaimana cara membuat sebuah website. Sebelum membuat sebuah website anda harus memutuskan terlebih dahulu akan membuat website seperti apa. Jika anda sudah menentukan tema web anda sekarang anda perlu menentukan aplikasi apa yang ingin anda gunakan. Apakah anda akan membuatnya secara native, menggunakan framework, atau menggunakan CMS. Pada postingan ini yang dijelaskan adalah langkah-langkah membuat sebuah website baik secara native, framework, ataupun menggunkan CMS. Silahkan anda simak langkah demi ...
Posting Komentar
Baca selengkapnya

Cara Membuat QRCode Mengunakan PHPQRCode

QRCode merupakan sebuah code yang dibuat menjadi sebuah gambar, sehingga untuk membaca kode yang ada pada gambar tersebut dibutuhkan scan khusus QRCode. Teman-teman yang masih bingung apa itu QRCode bisa melihat contohnya pada gambar di bawah ini : Pada gambar tersebut berisikan kata "codingrakitan.blogspot.com". Jika kalian hendak membuat kode QRCode anda bisa menggunakan bantuan library PHP yaitu PHPQRCode. Diakhir postingan saya akan memagikan hasil project yang telah dibuat beserta library PHPQRCode. Untuk membuat sebuah QRCode dengan bantuan library ini anda perlu mendeklarasikan kode seperti : buat_code.php <?php include 'include/phpqrcode/qrlib.php'; $tmp = "asset/gambar_kode/"; $isi = $_POST['isi']; $kualitas = "H"; $ukuran = 10; $padding = 2; $nama = "nama_gambar".".png"; QRCode::png($isi, $tmp.$nama, $kualitas, $ukuran, $padding); ?> "QRCode::png($isi, $tmp.$nama, $kualitas, $ukuran, $padding);...
Posting Komentar
Baca selengkapnya