Cara Rendering React.js Pada Express

13/02/2017    Reza Indra    2331     Website

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",

Cara Rendering React.js Pada Express

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

Cara Rendering React.js Pada Express

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

Cara Rendering React.js Pada Express

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

Cara Rendering React.js Pada Express

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.

Cara Rendering React.js Pada Express

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),

Cara Rendering React.js Pada Express

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

Cara Rendering React.js Pada Express

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

Cara Rendering React.js Pada Express

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

Cara Rendering React.js Pada Express

dan yang kedua untuk menjalankan server.

Cara Rendering React.js Pada Express

Jalankan http://localhost:3000 pada browser.

Cara Rendering React.js Pada Express

Javascript

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More