Cara Instalasi React Menggunakan NPM Dan Webpack

Pada artikel sebelumnya kita sudah belajar cara menggunakan Webpack, sekarang kita akan melakukan instalasi React dengan NPM dan melakukan konfigurai pada Webpack. Silahkan teman-teman jalankan Command Line, kita masih menggunakan folder sebelumnya. Ketikan perintah npm install react react-dom --save.

Pada app.js kita buat class React.

Perintah import adalah sintaks bawaan ES2015, yang fungsinya sama dengan require.

Pada index.html

Sekarang kita kembali pada CMD ketik webpack.

Lihat apa yang terjadi, Error! kenapa? karena jika kita membuat class React versi ES6/ES2015, membutuhkan tool untuk me-load agar dapat dibaca browser. Untuk itu kita akan menginstal loader bernama "Babel".

Ketik perintah npm install babel-loader babel-preset-es2015 babel-preset-react --save-dev.

Kemudian kita lakukan konfigurasi pada file webpack.config.js.

Pada bagian module, kita tambahkan babel-loader. Preset adalah plugin tambahan untuk melengkapi Babel.

Sekarang silahkan ketik kembali webpack pada CMD.

Refresh kembali browser teman-teman.

13 Oktober 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat