Reactjs Overview - (EchLus Community - Part 1)

Halo kawan - kawan kali ini saya akan sharing materi tentang "Reactjs Overview". ini merupakan seri sharing session batch tentang Reactjs.

Overview Materi

Di batch ini kita akan belajar tentang

Install and Setup Reactjs

Basic Props and State

React Hooks

React State Management

Communicating With Server

Esbuild

1. Install dan Setup Reactjs

Pada proses instalasi kita bisa melihatnya di Sini. untuk instalasinya sebenarnya ada dua cara. yakni dengan menggunakan CDN. atau dengan menggunakann Create React App(CRA).

Untuk kesempatan kali ini saya akan menginstall React menggunakan CRA. oke langsung saja ke tutorial.

Buka Terminal atau CMD. lalu jalankan npx i create-react-app belajar_react . npx sendiri kepanjangan dari node package execute. yang mana jika dijalankan maka akan mengeksekusi package yang sudah maupun belum kita install. dengan menggunakan npx kita tidak perlu menginstall CRA ke dalam local computer kita.

D:\programming\belajar Javascript\react>npx create-react-app belajar_react

Creating a new React app in D:\programming\belajar Javascript\react\belajar_react.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...

[  ................] - fetchMetadata: sill resolveWithNewModule scheduler@0.20.2 checking installable stat

tunggu prosesnya sampai selesai

jika sudah selesai ketik perintah cd belajar_react. lalu ketik perintah code . agar membuka project kita di Visual Studio.