if you are only using babel to transform jsx to js, this is what you need :

installation
install babel-cli as global (optional) sudo npm install -g babel-cli
install babel-preset-es2015 (optional. if your code using es6 standard) npm install babel-preset-es2015
install babel-preset-react (required)

configuration
in your root of project, add this file .babelrc and write this to it
{
  "presets": ["es2015", "react"]
}
or
{
  "presets": ["react"]
}

run
babel source_dir -d target_dir

https://stackoverflow.com/questions/43111618/transform-jsx-to-js-using-babel

#babel
#jsx-to-js

Nyoba editor baru (sebenarnya dulu sudah pernah nyoba), VS Code, Visual Studio Code, review nya banyak yang positif. Malam ini alhamdulillah sudah ketemu solusi compile jsx to js nya. Sepertinya dulu sempat mau pake vs code, tapi karena mentok di extension jsx to js. Akhirnya dengan vs code ini saya tidak menggunakan extension, cukup jalankan command lewat vs code.

berikut capture command nya:

PS D:\development0.2\public\react> babel .\suratmasuk.jsx -d .\
./suratmasuk.jsx -> suratmasuk.js
PS D:\development0.2\public\react>

VSCode rasanya lebih cepat loading awalnya dibandingkan atom editor. Selain itu banyak fitur yang saya rasa lebih memudahkan, misal: biasanya saya selalu FOLD script supaya kelihatan peta kode nya. Di VSCode hal ini difasilitasi dengan fitur "outline", yang memudahkan kita untuk berpindah dari satu blok program ke blok program lainnya.

Fitur berikutnya yang saya pikir sangat membantu adalah warning error yang otomatis muncul saat kita melakukan kesalahan. Misal: saat saya mengedit jsx file, jika ditemukan kesalahan syntax, maka di explorer langsung muncul notif berupa text merah disertai keterangan errornya. Mirip seperti error yang muncul di eclipse/netbeans/android studio saat kita sedang develop java/android, namun vscode jauh lebih ringan tapi tetap powerfull (untuk error deteksi nya).

#alhamdulillah 
#VSCode 
#babel 
#jsx-to-js 
#suratmasuk

Awesome jqwidget berkolaborasi dengan reactjs ! Mulai meniti jalan baru dengan webpack mengikuti tutorial https://www.codementor.io/tamizhvendan/beginner-guide-setup-reactjs-environment-npm-babel-6-webpack-du107r9zr. #jqwidgets #reactjs #webpack #babel #nice

Launching #suratmasuk, hari ini ... mayan banyak trouble, tapi ane anggap minor saja. Permasalahan mayornya adalah #babel. Ga bisa balik ke babel 5 haja kah? T_T #kantor