Pengaturan Lingkungan Kerja Lokal Project Reactjs

React menggunakan Nodejs untuk development-nya, silahkan cek pada terminal tentang ketersediaan nodejs dengan menjalankan kode berikut :

1
2
node - v
npm - v

versi Output yang disarankan adalah versi terbaru dari nodejs, namun versi minimal yang dibolehkan adalah

  • NodeJS 14 || 15 || 16 || 17
  • npm v6 atau lebih baru

Jika salah satu perintah di atas tidak memiliki output atau command not found, maka anda perlu menginstall node js dari website resminya di : Nodejs Download

Install VSCode Extension yang Dibutuhkan

Extension pada VSCode berguna untuk mempermudah developer dalam membangun aplikasi. Pada aplikasi React, terdapat beberapa extension yang perlu diinstall, yakni :

Bracket Pair Colorizer 2

adalah extension yang berguna untuk memberi warna pada pasangan bracket (tanda kurung), sehingga developer tidak kesulitan dalam menganalisa scope kode atau lingkupan kode

Code formatter, bisa Prettier atau Beautify

Code formatter adalah extension untuk merapikan kode, sehingga kode yang dibuat mudah dibaca.

Es7 React/Redux/GraphQL/React-Native snippets

adalah extension untuk membantu developer dalam membuat kode react dengan berbagai shortcuts yang tersedia. Sehingga Developer tidak perlu lagi banyak menghapal syntax yang panjang.

Install React Developer Tools

React DevTools adalah extension pada browser (chrome atau firefox) yang berguna untuk debugging atau menganalisa aplikasi, semisal menemukan masalah sehingga mudah untuk memperbaikinya.

React Devtools Download

Install Extension untuk Chrome

Install Extension untuk Firefox

©2021, All Rights Reserved

Privacy Policy | DMCA | Telegram