Tutorial Cara Install dan Create App React JS di macOS

ReactJS merupakan salah satu framework terpopuler hingga saat ini, dikembangkan oleh tim Facebook dan para developer komunitas ReactJS. Dilihat dari dari Stack Overflow Developer Survey, tingkat kepopuleran teknologi programming, scripting dan markup languages dipegang oleh JavaScript yang berkisar di angka 67,8 persen.

Untuk itu saya ingin membuat sebuah artikel pembelajaran JavaScript khususnya pada framework ReactJS dan bagaimana cara menginstallnya di macOS.

  1. Install Node.js, NPM dan Yarn. NPM dan Yarn ini sebagai Package Manager. Apabila sudah terinstall boleh dicoba di terminal dengan syntax node -v , npm -v dan yarn -v
  2. Buka editor favorite kalian seperti VSCode, Atom, Sublime, ataupun WebStrom. Jika belum download salah satu dari ke-4 editor tersebut ya
  3. Seperti gambar pada poin nomor 2, silahkan buka terminal di editor VSCode dan masukan syntax sudo npm install -g create-react-app .
  4. Untuk membuat project ReactJS cukup menggunakan syntax npx create-react-app my-app . nama my-app disini merupakan nama folder project kita. nama project bisa diatur keinginan masing-masing.
  5. Setelah berhasil membuat project, masuk kedalam direktori penginstallan project, pada contoh saat ini saya beralih ke folder my-app dengan cara cd my-app . Untuk menjalankan ReactJS cukup menggunakan npm dengan syntax npm start atau apabila menggunakan Yarn cukup menggunakan yarn start pada folder project.Jika tidak ada kendala, maka terminal akan mengeluarkan output

    Akses menggunakan browser di http://localhost:3000/ dan akan terlihat dibrowser seperti dibawah ini

Sekian untuk artikel Cara Install dan Create App ReactJS di macOS, semoga bermanfaat !