ya namanya juga teknologi bang, yang terbaru kadang lebih baik walaupun gak semua, mungkin CRA terbaik pada masanya, tapi sekarang udah gak relvan lagi kayanya, lagi jaman migrasi, tapi ditempat ane masih belom wkwkwk, project nya udah gede bgt, project lawas
nice share, kang! yg masih mendang mending tentang size node modules, pake pnpm. pnpm (alternatif npm ini) konsep sederhananya sekali install modules, bisa dipake di semua proyek yg pake module yg sama. jadi bade aya 10.000 proyek CRA pun tetep pake 1 node modules 🔥🔥
buat yg mau alternatif lain bisa pake yarn berry yg installnya lewat command corepack dari nodejs, itu makin cepet lagi krna package node modulesnya di jadiin cache file zip, cocok banget buat user hdd yg baca tulis file kecilnya super lemot kaya saya wkwk. jadi yg tadinya 5k files (6k kalo disaya) kaya yg ada divideo bisa jadi 500an file aja kalo pake yarn berry tadi, plus cache nodemodulesnya juga lebih kecil krna jadi kumpulan zip itu tadi. tapi setau saya modelnya masih kaya npm biasa engga seperti pnpm yg bisa cuma pake 1 node modules sperti yg tdi dijelasin sama bang @Enji Kusnadi
Tapi Bang Untuk CRA sendiri sama Docs ReactJS memang update tahun ini sudah tidak ada CRA dan malah kita direkomendasikan untuk langsung pakai NextJS. Jadi cukup wajar juga kalau tahun ini banyak yang ngomongin Rwact pkai Vite karena CRA memang sudah abandoned.
@@jandamanatuansenangi kalo baru belajar mah lanjut aja gapapa, misal paham basic react untuk ke nextjs tuh jelas sangat ngebantu banget karena basisnya nextjs kan react
Yup saya pun udah migrasi, awal - awal mulau project CRA agak kenceng tapi pas udah mulai kompleks wii berat banget. Terus ada juga beberapa kasus untuk konfigurasi webpacknya atau beberapa hal lainnya terkait buid projectnya tapi sayangnya cra kayak nggak beri akses atas hal itu yang sebenarnya udah dikasih tau kalau ente cuman perlu fokus di kodenya aja.
@@agestasaputra3345 tergantung dari skala projectnya, kalau projectnya udah gede mungkin ada beberapa yang butuh penyesuaian. Biasanya sih hubungannya sama PWA, webpack, assets mungkin semacam svg dan sejenisnya. Sisanya untuk ngubah kode reactnya sendiri nggak ada sama sekali yang kena impact.
project kantor gw pake CRA, pas build pipeline di bitbucket asli lama banget bisa sampe 16menitan setelah migrasi ke Vite bisa jadi 9-10 menit an, yg mana ini ngebantu bgt buat ngedeliver ke QA buat cepet di test. Emg pas migrasi waktu itu ribet bgt sih karna perlu banyak yg di config ulang dan sekalian migrate ke Typescript jg
Bag gua udh lama nonton video lu. Pengen belajar. Kira kira saya yg ga ada basic coding bisa ga bang. Harus belajar dari mana dulu bang. Nntn video nya abang.
Bisa bang asal niat aja. Kalo belum bisa coding kamu bisa pake html & css dlu untuk belajar coding. Nanti klo udh paham dengan structur dll kamu bisa coba pake bahasa programming lain contoh seperti JS, PHP dll
@@marioanjeliko5010 yupsss, svelte kodenya lebih singkat dari react, lebih mudah dipahami, lebih cepat. golang untuk backend meski kodenya aga rumit tapi performanya di atas laravel dan node js.
@@naufalnasrullah6965 yupss memang :( untuk pekerjaan react sama vue masih lebih mudah nemunya :( mungkin beberapa tahun ke depan seiring semakin banyak yang mengenal svelte.
bg mau curhat nih, gue kan basicnya graphic designer, gue juga dah bisa ngoding ya walapun cuma bisa basic doang kaya html, css ama js. trs juga dah bikin web pribadi, tp kok masih susah nyari gawean jd graphic designer knp yaa..? apa gue kalah saing ama S1, soalnya gue cuma lulusan STM, itu juga jurusan TKR(Teknik Kend. Ringan)
Liat konten lainnya deh di sini , Dea juga udah beberapa pernah beberapa kali ngebahas masalah orang yang udah bisa basic programing belum dapet kerjaan / kerjaannya gak cocok
Bang gw msih pemula, baru bljr programming. Gw tu pnya tujuan buat nyari kerjaan tpi remote gtu bang yg ga harus ke kantor ,soalnya dsini gw pnya bisnis peternakan yg gabisa ge tinggal gra² gw harus tetep ngontrol bisnis ini bang. Kira² ada kemungkinannya ga sih bang gw yg pemula ini bisa dapetin kerjaan remote gtu?
Tapi salah satu keunggulannya Vite ya mempercepat proses development bro, karena Vite cuma render ulang di bagian yang berubah aja, ga kek CRA yang memproses ulang seluruh kodenya.
gw kemaren make vite, pas mau consume api pas mindahin key dari .env kok undefined, gw muter2 di internet hampir 12 jam ternyata syntaxnya beda sama CRA🥲
ya namanya juga teknologi bang, yang terbaru kadang lebih baik walaupun gak semua, mungkin CRA terbaik pada masanya, tapi sekarang udah gak relvan lagi kayanya,
lagi jaman migrasi, tapi ditempat ane masih belom wkwkwk, project nya udah gede bgt, project lawas
Waktu awal coba vite, rendering pada object untuk menginisiasi modul three js menggunakan vite itu mantep men gila😮😊, emezing
nice share, kang! yg masih mendang mending tentang size node modules, pake pnpm. pnpm (alternatif npm ini) konsep sederhananya sekali install modules, bisa dipake di semua proyek yg pake module yg sama. jadi bade aya 10.000 proyek CRA pun tetep pake 1 node modules 🔥🔥
weh nyasar kesini juga bang
@@virgiawan hehe iya bang
buat yg mau alternatif lain bisa pake yarn berry yg installnya lewat command corepack dari nodejs, itu makin cepet lagi krna package node modulesnya di jadiin cache file zip, cocok banget buat user hdd yg baca tulis file kecilnya super lemot kaya saya wkwk. jadi yg tadinya 5k files (6k kalo disaya) kaya yg ada divideo bisa jadi 500an file aja kalo pake yarn berry tadi, plus cache nodemodulesnya juga lebih kecil krna jadi kumpulan zip itu tadi.
tapi setau saya modelnya masih kaya npm biasa engga seperti pnpm yg bisa cuma pake 1 node modules sperti yg tdi dijelasin sama bang @Enji Kusnadi
gokil juga ya pnpm. otw baca baca nih.
Tapi Bang Untuk CRA sendiri sama Docs ReactJS memang update tahun ini sudah tidak ada CRA dan malah kita direkomendasikan untuk langsung pakai NextJS.
Jadi cukup wajar juga kalau tahun ini banyak yang ngomongin Rwact pkai Vite karena CRA memang sudah abandoned.
Serius bang ? Gua baru mau belajar javascript nih
@@jandamanatuansenangi kalo baru belajar mah lanjut aja gapapa, misal paham basic react untuk ke nextjs tuh jelas sangat ngebantu banget karena basisnya nextjs kan react
@@VersiPertama thanks bg , kalau gitu lanjut dah heheh
@@VersiPertamabg saya baru belajar react pake cra, apa pindah kapai vite atau langsung ke next.js . utk backend pakai laravel
@@EkoAgustiawanNextjs itu udah framework bang, sedangkan React itu cuman library
Yup saya pun udah migrasi, awal - awal mulau project CRA agak kenceng tapi pas udah mulai kompleks wii berat banget.
Terus ada juga beberapa kasus untuk konfigurasi webpacknya atau beberapa hal lainnya terkait buid projectnya tapi sayangnya cra kayak nggak beri akses atas hal itu yang sebenarnya udah dikasih tau kalau ente cuman perlu fokus di kodenya aja.
thanks for sharing bro 👏
@AmbriBlack bro migrate dari cra ke vite effort nya besar ga? Se simple create project baru di vite, terus copy package.json aja atau gmn?
@@agestasaputra3345 tergantung dari skala projectnya, kalau projectnya udah gede mungkin ada beberapa yang butuh penyesuaian. Biasanya sih hubungannya sama PWA, webpack, assets mungkin semacam svg dan sejenisnya.
Sisanya untuk ngubah kode reactnya sendiri nggak ada sama sekali yang kena impact.
Apapun itu, klo ada folder node_modules rsny pgn delete 🗿 iykwim
😂
pakai pnpm
pakai .gtignore
Betul, kita dulu mulai pake CRA dan fine2 aja, sekarang sudah terasa lambat karena aplikasi udah grow > 100 menu/pages. otw migrasi ke vite
abis ini kayaknya langsung gas tutorial vite ya bang 😅
Gila, gw pake ini sama aja bang, mending next js bang kalo bagi gw sih.
Bahkan dokumentasi terbaru react udah gk rekomendasiin buat bikin project pake cra, mereka nyuruh pake next, gatsby, remix, dll
Masih sedikit iti 150mb, coba deh develop pake rust.
Jangan kaget pas cargo clean 20gb😂
Bang kapan ada course react js pingin ikutan
MasyaAllah mas Dea.,sukses mas
jujur paling suka bgt dengan cara penjelasan ya.. sangat menarik, suhu yg luar biasa ini
Dari awal rilis react vite langsung dicoba untuk new projects di kantor dan emang ajaib dah 😂
ngebantu banget ya bang?
terima kasih banyak bang atas ilmunya
Bang tutorial konfigurasi vite untuk cpanel gimana bang
Mantap kang Dea
Mantep, nuhun kang dibahas juga😊😊
project kantor gw pake CRA, pas build pipeline di bitbucket asli lama banget bisa sampe 16menitan
setelah migrasi ke Vite bisa jadi 9-10 menit an, yg mana ini ngebantu bgt buat ngedeliver ke QA buat cepet di test.
Emg pas migrasi waktu itu ribet bgt sih karna perlu banyak yg di config ulang dan sekalian migrate ke Typescript jg
nice share brooo 🙌🏻👏🏻
@artmosphereID bro migrate dari cra ke vite effort nya besar ga? Se simple create project baru di vite, terus copy package.json aja atau gmn?
Bang, coba bahas penipuan yang lagi viral, yang nomor tak dikenal mengirim link trus kalo si korban mencet bakalan ke retas HP nya
coba dong bang bahas package node-prune, ini sih infonya efisien juga bang
totorial vite bang ... web lagi dong plis jangan di tinggal .. web nya bang ..
Hmm menarik gas install ah
react+cra -> react+vite -> nextjs
kurang spesifik titlenya, tapi singkat emang CRA bloated parah plus dah lumayan kagak aktif maintainingnya
Baru sebulan belajar vite js, emang keren parah ini framework
Tepatnya module bundler bro
nice thanks info bang
bang bikin konten tentang integrasi API ke web yg kita buat donk , misal untuk web topup gtu
nuhun bang 🙏
saatnya masuk ke kolam js
10:55 minuman lejen😂😂
Bag gua udh lama nonton video lu. Pengen belajar. Kira kira saya yg ga ada basic coding bisa ga bang. Harus belajar dari mana dulu bang. Nntn video nya abang.
Bisa bang asal niat aja. Kalo belum bisa coding kamu bisa pake html & css dlu untuk belajar coding. Nanti klo udh paham dengan structur dll kamu bisa coba pake bahasa programming lain contoh seperti JS, PHP dll
Saya pelajarin html & css . 🙏 Makasih abang abang kuh. Nnti kl ada yg ga ngerti saya paling kesinih lg 🙏
belajar fondasi dulu , gw ada saran Channelnya WPU, trus sisanya bebas mau liat mana sesuai kebutuhan
Tapi sayang banget nextJS gabisa diinstal lewat vite
Vite React + Vite Laravel 🔥🔥
Sveltekit + Golang 🔥🔥
@@Naruto-oc6mi ini sangat dewa
@@marioanjeliko5010 tapi di indo masih sepi keknya bang company yg make ginian 😂
@@marioanjeliko5010 yupsss, svelte kodenya lebih singkat dari react, lebih mudah dipahami, lebih cepat. golang untuk backend meski kodenya aga rumit tapi performanya di atas laravel dan node js.
@@naufalnasrullah6965 yupss memang :( untuk pekerjaan react sama vue masih lebih mudah nemunya :( mungkin beberapa tahun ke depan seiring semakin banyak yang mengenal svelte.
bang bahas tuntas bang vite/webpack/turbopack dan konfig2nya. kalo pake nextjs/framework mah gausah mikirin gituan ya bang?
rill bang w build nya agak lama pakai CRA 😬 , apalagi pakai lib MUI Material UI
Bang, aku belajar2 blom dpet kerja... info loker remote bang, hehe
Ini yang saya cari2
Bener bang CRA berat apalagi PC gw kentang 🗿🗿 enakan Vite
Bang React itu Compile apa Transpile sih bang klo bundling ke JS?
Makasih infonya bang
Saya suga pakai vite buat belajar project react js mas👍
bang lebih mudah mana kalo build learning management system pake express js atau laravel?
bearer token bisa ilang bro?
2:18 kalau gua tetap make git bash bang, milihnya make nomor tapi bang
Sudah waktunya untuk migrasi ke vite
hmr nya sebenernya kudu di save baru jalan ga si? apa hmr w ga jalan? di root gaada vite.config.js juga
Bang bahas nextjs server action bang.. .
cool 👍
Bang mau nanyak, Bahasa programan apa yang bagus dipelajari untuk kerja?
semuanya bagus di bidangnya, pilih dulu mas tujuannya mau kemana soalnya beda beda roadmapnya Back-end, front-end, network enginer.
dan masih banyak lg yg lain
PHP sama JS gede minatnya klo web, klo aplikasi Kotlin, klo app iOS/MacOS belajar swift
mantap banget emang vite
bang kagak pakek pnpm bang, ukurannya node modules agak minim menurutku 😂
kalau project gawean dia mungkin make. npm/yarn biar general aj buat konten, karna pnpm/bun gk srek aja, gk semua org make itu.
Bang buat tutorial buat bot discord dari pyton
bg mau curhat nih, gue kan basicnya graphic designer, gue juga dah bisa ngoding ya walapun cuma bisa basic doang kaya html, css ama js. trs juga dah bikin web pribadi, tp kok masih susah nyari gawean jd graphic designer knp yaa..? apa gue kalah saing ama S1, soalnya gue cuma lulusan STM, itu juga jurusan TKR(Teknik Kend. Ringan)
Liat konten lainnya deh di sini , Dea juga udah beberapa pernah beberapa kali ngebahas masalah orang yang udah bisa basic programing belum dapet kerjaan / kerjaannya gak cocok
bang doain semoga keterima mau masuk SMK jurusan RPL😋
btw boleh minta update nya dong bang, saya mau join rpl masi takut
Bang gw msih pemula, baru bljr programming. Gw tu pnya tujuan buat nyari kerjaan tpi remote gtu bang yg ga harus ke kantor ,soalnya dsini gw pnya bisnis peternakan yg gabisa ge tinggal gra² gw harus tetep ngontrol bisnis ini bang. Kira² ada kemungkinannya ga sih bang gw yg pemula ini bisa dapetin kerjaan remote gtu?
ya nanggung sih better nextjs wkwkw
mau tanya, apakah nextjs bisa menggunakan vite ? soalnya saya liat vite bsa di gabung sama react saja, tidak dengan nextjs
nextjs bisa pake turbopack. lebih kenceng harusnya
Kiripik Legend RIKI wkwk 🤤
Mirip android studio dengan kotlin kah ?
beda bang, kotlin mah satu bahasa. vite sama cra cuma masalah tools buat nge build appnya
@@RedStone576 nice info 👍
Ada yg tau backsoundnya kah??
Vitejs dengan veu beda kah manteman? 😮
beda kak, vite itu tool untuk membantu proses membuatnya, sedangkan vue adalah bahan yang digunakan untuk membuat.
vite sama viu beda tapi vue bisa dipake di vite
beda, cuma author (pembuat) nya aja yg sama.
Mas itu pakai themes apa VScodenya? sama fontnya apa ya itu bagusss hehe, terima kasih
font nya kayaknya fira-code
theme mungkin atomic dark
bang, coba sekali kali bikin nyoba belajar bahasa low-level kek Assembly, C, Rust, & C++. Keknya asik tuh wkwk
low level siksa ilahi
Menyiksa batin dan otak
@@canra245 padahal asik asik gitu loh bg 🗿
@@atomicbool_ asik ? anda psikopat ?
@@VersiPertama ya, gw programmer low-level sih..
ini cuma mempercepat proses build aja kan? maksudnya ga bikin performanya jadi naik pas didevelopment (kaya akses webnya jadi cepet) ?
Tapi salah satu keunggulannya Vite ya mempercepat proses development bro, karena Vite cuma render ulang di bagian yang berubah aja, ga kek CRA yang memproses ulang seluruh kodenya.
Lebih enak langsung migrasi ke NextJS wkkw
Hadir
"laravel new" masih di hati bang :v
wkwkwkkw udah nangggung pake CRA :D
Relate wkwkw
Vite mantep.. ramah memory 🔥
Laravel aja pake vite 😅
laravel module build js nya pake vite?
vite enak bang :D
first bang
Pertama bg pin donk
kirain msh single ngab
Tes
pengalaman, cra semua projekku banyak warning dan gak bisa di jalanin ketika ada update baru lagi
gw kemaren make vite, pas mau consume api pas mindahin key dari .env kok undefined, gw muter2 di internet hampir 12 jam ternyata syntaxnya beda sama CRA🥲
syntaxnya paan, .env ya kali bisa beda. install module `dotenv` dulu bang
@@wifojfejijewjfeijwofjiojdkls nah ini maksud gw
@@wifojfejijewjfeijwofjiojdkls Pantes gagal mulu coyyy, thanks bro
Hallo bang