Cara Rendering React.js Pada Express

Express adalah framework JavaScript yang berjalan pada platform Node.js, sedangkan React.js adalah library JavaScript yang digunakan untuk mengelola User Interface. Sekarang saya akan mengajarkan cara membuat aplikasi dengan Express dan React.js. Sebenarnya fungsi Express disini saya hanya gunakan sebagai server untuk menjalankan atau merendering React.js, kalian bisa menggunakan webpack-dev-server sebagai alternatif.

Langkah pertama silahkan download express generator "npm install express-generator -g",

kemudian download framework express "express -e nama folder",

Masuk ke dalam folder dan instal package Node.js "npm install".

Selanjutanya, teman-teman tinggal instal React.js dan package-package lain yang dibutuhkan.

Seperti biasa, jangan lupa seting webpack.config.js, yang perlu diperhatikan disini kita mengaktifkan option watch, agar file project React.js dalam dibundle secara otomatis.

buat folder dan file application/app.js di dalam folder public, sebagai tempat kita menyimpan project React.js pada Express (folder build/bundle.js jangan dibuat dulu),

buat perintah React.js dalam file application/app.js,

Render project React.js pada file views/index.ejs,

Untuk menjalankan server nya, kita butuh 2 terminal, yang pertama untuk menjalankan webpack,

dan yang kedua untuk menjalankan server.

Jalankan http://localhost:3000 pada browser.