Tutorial ReactJS
Apa itu Reactjs?
React adalah library javascript untuk membangun user interface (UI) suatu aplikasi atau website.
React berjalan di sisi client sebagai Single Page Application (SPA).
React seringkali dibandingkan dengan front-end javascript framework seperti Angular dan Vue JS.
Kenapa menggunakan React JS.?
- React Sangat Cepat dan Ringan.
- React juga sangat populer dan di maintained oleh facebook
- Menggunakan JSX Syntax
- Menggunakan Virtual DOM (Document Object Model)
Create React App
Untuk membuat project react js, dapat dilakukan dengan banyak cara. Akan tetapi cara yang paling
mudah adalah “create react app”.
Untuk dapat menjalankan perintah “create-react-app”, Anda hanya perlu menginstall node.js di
komputer Anda.
Anda mendownload node.js pada link berikut dan install di komputer Anda:
https://nodejs.org/en/
Setelah node.js terinstall di komputer Anda, buka Command Promt atau terminal kemudian ketikkan
perintah berikut untuk memastikan node.js terinstall dengan baik di komputer Anda:
node –v
Kemudian ketikan perintah berikut untuk memastikan NPM (Node Package Manager) juga terinstall
dengan baik:
npm -v
Setelah node.js dan npm terinstall dengan baik di komputer Anda, buat project react baru dengan
mengetikan perintah berikut pada command promt atau terminal:
npx create-react-app my-react-app
Perintah diatas akan membuat project react baru bernama “my-react-app”.
Seperti yang terlihat pada gambar diatas, saya membuat project react di dalam folder “Tutorials” yang
terdapat di “Documents”.
Jika belum memiliki folder tersebut, silahkan buat terlebih dahulu, kemudian cd (change directory) ke
folder tersebut seperti gambar diatas.
Jika installasi selesai, cd ke folder “my-react-app”.

Tutorial ReactJs.pptx

  • 1.
  • 2.
    Apa itu Reactjs? Reactadalah library javascript untuk membangun user interface (UI) suatu aplikasi atau website. React berjalan di sisi client sebagai Single Page Application (SPA). React seringkali dibandingkan dengan front-end javascript framework seperti Angular dan Vue JS. Kenapa menggunakan React JS.? - React Sangat Cepat dan Ringan. - React juga sangat populer dan di maintained oleh facebook - Menggunakan JSX Syntax - Menggunakan Virtual DOM (Document Object Model)
  • 3.
    Create React App Untukmembuat project react js, dapat dilakukan dengan banyak cara. Akan tetapi cara yang paling mudah adalah “create react app”. Untuk dapat menjalankan perintah “create-react-app”, Anda hanya perlu menginstall node.js di komputer Anda. Anda mendownload node.js pada link berikut dan install di komputer Anda: https://nodejs.org/en/ Setelah node.js terinstall di komputer Anda, buka Command Promt atau terminal kemudian ketikkan perintah berikut untuk memastikan node.js terinstall dengan baik di komputer Anda: node –v Kemudian ketikan perintah berikut untuk memastikan NPM (Node Package Manager) juga terinstall dengan baik: npm -v
  • 4.
    Setelah node.js dannpm terinstall dengan baik di komputer Anda, buat project react baru dengan mengetikan perintah berikut pada command promt atau terminal: npx create-react-app my-react-app Perintah diatas akan membuat project react baru bernama “my-react-app”. Seperti yang terlihat pada gambar diatas, saya membuat project react di dalam folder “Tutorials” yang terdapat di “Documents”. Jika belum memiliki folder tersebut, silahkan buat terlebih dahulu, kemudian cd (change directory) ke folder tersebut seperti gambar diatas. Jika installasi selesai, cd ke folder “my-react-app”.