React (eps 1.0) Membangun Create React App + Typescript

Saya mulai belajar React tahun ini, saya memiliki pengalaman membangun web menggunakan Laravel. kalau di Laravel, mereka juga punya kemampuan manajemen komponen yang disebut blade. Perbedaannya di React menggunakan kustom tag seperti HTML sehingga lebih mudah dibaca. saya pernah menggunakan Angular sekali, sayangnya angular memiliki aturan sendiri seperti *ngIf and *ngFor while in React we can still use normal if and for statement. Typescript have been fill something missing in javascript. Seperti namanya, Type + script. yaitu javascript yang diberi tipe data. jadi mari kita membuat aplikasi React menggunakan typescript.

Command untuk membuat react-app dengan template typescript. :

yarn create react-app my-app — template typescript

Selanjutnya kita akan mempelajari konfigurasi kekinian seperti

  • SCSS (css yang bisa diisi logic dan variabel)
  • ESLINT & PRETTIER (pengaturan untuk membuat code anda tetap rapi)
  • WEBPACK (membungkus semua source javascript anda agar bisa dibuka di web)
  • JEST + ENZYME (test aplikasi anda)


Like us on Facebook