Terima kasih banyak Pak Dika dari sini saya sudah mulai terbiasa dengan Reactnya. Alhamdulillaah sudah setting prettier dan eslintnya juga, dan saya coba ikuti suggestion eslintnya untuk prop validasinya. Terima kasih Pak Dika. Sebelum masuk sini, saya liat dlu beberapa materi Javascript ES6 yang disinggung sebelumnya oleh Pak Dika di video sebelumnya.
Yoi alurnya oke untuk yang baru mulai di 2023 ini 👍 Tinggal nanti ke depan ada yang variasi React dengan TypeScript. Kebetulan PZN juga lagi bikin materi TypeScript yang nanti mungkin bisa sampe React dan TypeScript juga.
ini hasil latihan saya pak dika ga tau ini best practice apa ngga hehe function HomePage(){ const students = ['Aldi', 'Joko', 'Erik']; const [angka, setAngka] = React.useState(0); function tambah(){ setAngka(angka + 1); } function kurang(){ setAngka(angka - 1); } function reset(){ setAngka(0); } function Button({icon}){ if(angka == 10 || angka < 0){ return ( {icon}) }else{ return ( {icon}) } } return (
mungkin saya sedikit terlambat, tapi bang mau nanya, awalnya kan saya make react npx create-react-app. kemudian for some reason ga tau kenapa itu pas uda saya coba kembangin lagi, npm start uda bener ni jalan, pas uda update code, saya simpen, engga ke update di browser, localhostnya. ya udah saya terminate, run lagi normal, tapi balik lagi kayak gitu. pas nyoba buat ulang project, create-react-app ga bisa. cuma ngeload doang, baik itu di terminal vscode, windows terminal, ataupun cmd cuma load doang. kenapa ya bang
Saran sedikit manteman sebenarnya untuk mematikan console nya vite selain ctrl+c di console nya vite sudah ada key untuk quit dengan press q aja atau bisa di press key h buat lihat lebih detail nya biar lebih smooth pas quite atau matiin console vite nya. Ini ada di menit ruclips.net/video/RVH_5L5Lsp0/видео.html
Ajarin templating (dari template html) juga pak Dhika 🙏 , soalnya rata-rata tutorial frontend JS buat sendiri desingnya pak, jadi makan banyak waktu, kalau di ajarin templatingnya kan bisa menghemat waktu pak 🙏😅
Makasih pak Dhika atas tutor nya sh: vite: command not found kalau nemu eror gini yg pakai npm Pasttin dl node versi nya udah 16 - 18 lalu npm install npm run dev ama pastiin run npm nya udah di dalem uda project apa belum.
Mau tanya pak, apakah vitejs layak digunakan untuk frontend web apps seperti pada umumnya? Lebih tepatnya untuk routing, middleware, dll. 🙏 Ditunggu playlist lajutannya pak, mau migrasi ke frontend JS soalnya 🙏
Pak Sandhika, kenapa ekstensi live server dari vscode saya itu menyimpan cache dari project sebelumnya ya?, ketika run project baru menggunakan live server, dia tetap menjalankan project sebelumnya, apakah ada solusi Pak terkait ini? Terima kasih
pak sandika saya ketika pnpm run dev malah merah dan muncul tulisan : failed to scan for dependencies from entires : ...index.html, gimana cara solve nya pak ?
menit 9:41 ketika ada pilihan harus memilih bgmna cara memindahkan panahnya ke bawah y..? soalnya di saya gak bisa bergerak panahnya meskipun sudah tekan tombol panah
Terima kasih banyak Pak Dika dari sini saya sudah mulai terbiasa dengan Reactnya. Alhamdulillaah sudah setting prettier dan eslintnya juga, dan saya coba ikuti suggestion eslintnya untuk prop validasinya. Terima kasih Pak Dika. Sebelum masuk sini, saya liat dlu beberapa materi Javascript ES6 yang disinggung sebelumnya oleh Pak Dika di video sebelumnya.
Yoi alurnya oke untuk yang baru mulai di 2023 ini 👍 Tinggal nanti ke depan ada yang variasi React dengan TypeScript. Kebetulan PZN juga lagi bikin materi TypeScript yang nanti mungkin bisa sampe React dan TypeScript juga.
mantap kang hanif hehe
@@hafidzdev17 hehe thanks. btw panggilan saya Haidar
@@mhaidarhanif hehe iya mas lupa
kita udah sering juga diskusi di fb hehe
bahkan di github udah saling follow
njir ada lord
@@agus-wesly 🙏
ini hasil latihan saya pak dika ga tau ini best practice apa ngga hehe
function HomePage(){
const students = ['Aldi', 'Joko', 'Erik'];
const [angka, setAngka] = React.useState(0);
function tambah(){
setAngka(angka + 1);
}
function kurang(){
setAngka(angka - 1);
}
function reset(){
setAngka(0);
}
function Button({icon}){
if(angka == 10 || angka < 0){
return ( {icon})
}else{
return ( {icon})
}
}
return (
{angka == 10 || angka < 0 ? 'Done' : angka}
)
}
root.render();
semoga membantu :)
Gaya mengajar Pak Dhika sangat flexible, tetapi tetap fokus ke topik. Banyak hal kecil tapi berguna yang juga dijelaskan👍👍
makasihh pak, berkah ilmunya ya pakk
Asik akhirnya ada lanjutannya, ikutan belajar pak
terima kasih ilmunya pak, semoga berkah selalu dan mohon dilanjut pak siri ini
terima kasih pak ilmunya, semoga berkah
Alhamdulillah, Makasih Pak Ilmunya,..Lanjutkan ..
Mantab Banget Bapak
terima kasih ilmunya dokter richard lee
Alhamdulillah tambah ilmu, semoga jadi amal jariyah pak. nuhun 🚀
Vite dimention pak di Start new React Project diumpetin dibagian "Can I use React without a framework?" perlu diexpand 😅
Oalah, kurang teliti berarti saya 😅
Terima kasih infonya ya Ihsan 🙏🏼
Pas banget mau belajar react, eh ada pak dika upload react, ditunggu part-part selanjutnya pakkkkkkk, semangatttttt🤩
terima kasih pak dhika sudah berusaha memudahkan kami untuk memahami react js ini. playslist ini sangat membantu
Dilanjut ternyata asikk
semoga berkah ilmunya pak, aminn
di tunggu next nya pak, seru banget materi nya ampe senyum senyum sendiri waktu nyoba
terima kasih banyak pak untuk part 2 nya. di tunggu part 3 nya 🙏
Kren bang ditunggu upload nextnya
Terima kasih Pak Dhika atas tutorial Reactnya... di Tunggu episode selanjutnya...
mungkin saya sedikit terlambat, tapi bang mau nanya, awalnya kan saya make react npx create-react-app. kemudian for some reason ga tau kenapa itu pas uda saya coba kembangin lagi, npm start uda bener ni jalan, pas uda update code, saya simpen, engga ke update di browser, localhostnya. ya udah saya terminate, run lagi normal, tapi balik lagi kayak gitu. pas nyoba buat ulang project, create-react-app ga bisa. cuma ngeload doang, baik itu di terminal vscode, windows terminal, ataupun cmd cuma load doang. kenapa ya bang
Pakk lanjutinn lagiiii. Terima masih banyakkk 🤩🤩🤩🤩
Lanjutin lagi dong pak serinya hehe
Terima kasih Pak Dhika. Gak sabar nunggu episode berikutnya. Semoga sehat Selalu.
wihhh di kabulin dong eps 2 dari react nya. makasiii banyak pak🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏
gk sabar nunggu full episode
bapak meragukan kuota wifi tetangga saya, pak 27 menit kurang berjam-jam pun masih siap saya tontonin loh, cepattt update video react baru plissss
akhirnya dijadikan playlist
Terima kasih ilmunya pak.. klo boleh request tolong buatkan playlist khusus untuk vite pak serperti yg ada pada playlist webpack 🤍🤍
Keren
Lanjut pak sampai ke laravel sanctum sebagai backend😀
Saran sedikit manteman sebenarnya untuk mematikan console nya vite selain ctrl+c di console nya vite sudah ada key untuk quit dengan press q aja atau bisa di press key h buat lihat lebih detail nya biar lebih smooth pas quite atau matiin console vite nya. Ini ada di menit ruclips.net/video/RVH_5L5Lsp0/видео.html
pnmp run build . . . Now I'm front-end web developer expert 😎
Mantap pak, gk sabar nunggu eps 3 nya
Lanjut part 3 pak dika
pak dika kami nunggu next chapter nya pak .. :)
Makasih pak
Terima kasih pak Dika
Ajarin templating (dari template html) juga pak Dhika 🙏 , soalnya rata-rata tutorial frontend JS buat sendiri desingnya pak, jadi makan banyak waktu, kalau di ajarin templatingnya kan bisa menghemat waktu pak 🙏😅
Untuk merapikan kode di Vcode bapak pake extension yang mana ya pak?
Asik episode 2
makasih pak, jangan lama-lama upload kelanjutannya ya 😁
mantap,
Makasih Pak Dika, sukses selalu🙏🙏
wah mantap pak dhika, akhirnya reactjs
Makasih pak Dhika atas tutor nya
sh: vite: command not found
kalau nemu eror gini yg pakai npm
Pasttin dl node versi nya udah 16 - 18
lalu
npm install
npm run dev
ama pastiin run npm nya udah di dalem uda project apa belum.
gas terus pak!
Review ekstensinya pak sandhika
Mau tanya pak, apakah vitejs layak digunakan untuk frontend web apps seperti pada umumnya? Lebih tepatnya untuk routing, middleware, dll. 🙏
Ditunggu playlist lajutannya pak, mau migrasi ke frontend JS soalnya 🙏
kerennn
Makasih pa dhika, sukses selalu💪❤
Paling masuk akal🎉👏👍
pak mau tanya, untuk masuk ke react ini apa wajib mahir dulu di js DOM?
sebaiknya iya
bang ditunggu selanjutnya, butuh cepat :D
Like dulu sebelum nonton 😎
Tema VS Code, sama font nya pakai apa pa dhika ?
Ikutan bootcamp puluhan juta, ga diajarin kalo deploy harus build dulu 😅
makasih pak Dika, can't wait next eps 🔥
Mungkin bisa bahas keunggulan npm, pnpm, sama yarn pak?
Tadi dibahas sekilas, pnpm dan yarn lebih cepat secara performa dibanding npm
@@mhaidarhanifyaps bener, saya ngalamin juga saat npm install beh lama pdhl sinyal 4G 🤣
@@muhammadwahyusiregar sehari-hari untuk install dependencies yang sudah cached, pnpm bisa hanya 1-2 detik, yarn 3-5 detik, npm di atas 5-10 detik
Pak Sandhika, kenapa ekstensi live server dari vscode saya itu menyimpan cache dari project sebelumnya ya?, ketika run project baru menggunakan live server, dia tetap menjalankan project sebelumnya, apakah ada solusi Pak terkait ini? Terima kasih
Mantab pak dika, mau tanya Klo udah di build terus di upload ke hosting, nnt klo ada perubahan apakah harus upload ulang smua?
bang bisa buatkan tutorial dari awal untuk pembuatan aplikasi invoice managemen dari awal engak bang
Saatnya belajar react kerena sifu hehe, tapi ntar dulu karena migren belajar javascript pak 😅
pak sandika saya ketika pnpm run dev malah merah dan muncul tulisan : failed to scan for dependencies from entires : ...index.html, gimana cara solve nya pak ?
lanjutkan pak dika🥰
Lanjutannya bagian 3 kapan pak
Laravel brezee juga sekarang pake vite cepet banget pengembangan nya
Yay ! Thanks pak
menit 9:41 ketika ada pilihan harus memilih bgmna cara memindahkan panahnya ke bawah y..? soalnya di saya gak bisa bergerak panahnya meskipun sudah tekan tombol panah
Sama, gimana caranya ya
Izin lambat pak
mantap akhirnya bahas react js lagi 😊
kakk kok aku eror yaa pas pnpm create vit nya
Pak dika, react ni bisa dipake bareng ama laravel pak?
bisa dong 😊
@@sandhikagalihWPU mantap pak nanti bisa dibuatkan juga playlist nya hehe
@@hafidzdev17setuju, penasaran saya
10:46 / 27:17
masuk foldernya pencet apa bang? saya dengar z Tab, tp ga bisa
tab itu untuk autocomplete nama foldernya, jadi kita tinggal ketik aja beberapa huruf awal nama foldernya, lalu pencet tab
pak itu icon nya pakai tema apa pak dika ??
material theme icons
@@sandhikagalihWPU terimakasih pak 🙏
finally
ganti windows pak?
Pak itu bapak pake terminal apa pak ?
powershell bawaan windows 11
Koreksi dikit, sebenarnya 5173 itu bukan SITE mas tapi VITE, karena 5 dalam angka romawi adalah V
Aaah, baru tau saya.. terima kasih infonya 😁🙏🏼
@@sandhikagalihWPU sama - sama mas, tapi itu kira -kiraan juga hehehe
Pertama pak
pertama pin dong 😄
Sip pasti penonton setia
Alhamdulillah error
:D
15:04 pantesan lama, kirain koneksi saya