Dasar React - Memulai Project React JS

2 tahun yang lalu, less than a minute read

Kita akan belajar membuat project menggunakan React JS, kita akan belajar lebih banyak lagi dalam memahami React JS.

Persiapan Project

Untuk membuat project React JS ada beberapa tools yang harus dipersiapkan antara lain:

Node JS
NPM / Yarn
NPX (Include Nodejs)
Text Editor (Visual Studio Code Recommended)

Membuat Project React JS

Setelah tools diatas sudah tesintall selanjutanya kita akan membuat project React menggunakan 'Create React App' menggunakan 'npx'.

Buka terminal dan masukan perintah :

shell
npx create-react-app my-app

Setelah project berhasil dibuat, selanjutany adalah masuk ke dalam project

shell
cd my-app

kemudian jalankan

shell
npm start

atau

shell
yarn start

Setelah sukses, buka browser 'http://localhost:3000'

Pada tahap ini kita sudah berhasil membuat Project React JS, pada tutorial selanjutnya kita akan belajar membuat Component.

Next jS Dockerize for Production With Standalone Mode

Dockerize aplikasi Next JS dengan Mode Standalone dengan ukuran yang lebih kecil

Membuat SVG Dinamis dari Figma menggunakan SVGOMG dan SVGR

Pada tutorial kali ini saya akan membagikan tutorial cara mudah membuat gambar SVG Dinamis yang di ambil dari figma pada React JS

Dasar React - Memulai Project React JS

Kita akan belajar membuat project menggunakan React JS, kita akan belajar lebih banyak lagi dalam memahami React JS.

Pengenalan dasar - dasar React JS

React JS adalah library Javascript berbasis Open Source yang di kembangkan oleh Meta (Facebook) yang banyak di pakai oleh pengembang website maupun mobile (React Navtive).