Kenapa pada pindah pake VITE JS?
Вставка
- Опубліковано 22 тра 2023
- Kenapa barudak javascript pada pindah pake vite js daripada CRA atau create-react-app untuk bikin starter projek frontend?
Transfer DONASI: saweria.co/deaafrizal
Join this channel to get access to perks:
/ @deaafrizal
#programming #tutorial #coding
Istagram: / dea.afrizal
=================
💌 Email (for business) 💌
dea.afrizal@icloud.com
==================
🔻🔻🔻 SUBSCRIBE 🔻🔻🔻
For More Update
🔺🔺🔺LONCENGNYA 🔺🔺🔺
Waktu awal coba vite, rendering pada object untuk menginisiasi modul three js menggunakan vite itu mantep men gila😮😊, emezing
Mantep, nuhun kang dibahas juga😊😊
bang lebih mudah mana kalo build learning management system pake express js atau laravel?
Mantap kang Dea
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
bang bahas tuntas bang vite/webpack/turbopack dan konfig2nya. kalo pake nextjs/framework mah gausah mikirin gituan ya bang?
terima kasih banyak bang atas ilmunya
abis ini kayaknya langsung gas tutorial vite ya bang 😅
Bang React itu Compile apa Transpile sih bang klo bundling ke JS?
Hmm menarik gas install ah
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?
MasyaAllah mas Dea.,sukses mas
Makasih infonya bang
hmr nya sebenernya kudu di save baru jalan ga si? apa hmr w ga jalan? di root gaada vite.config.js juga
cool 👍
Apapun itu, klo ada folder node_modules rsny pgn delete 🗿 iykwim
😂
pakai pnpm
pakai .gtignore
nice thanks info bang
Saya suga pakai vite buat belajar project react js mas👍
Bang kapan ada course react js pingin ikutan
Ini yang saya cari2
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
bang bikin konten tentang integrasi API ke web yg kita buat donk , misal untuk web topup gtu
nuhun bang 🙏
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.
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.
Bahkan dokumentasi terbaru react udah gk rekomendasiin buat bikin project pake cra, mereka nyuruh pake next, gatsby, remix, dll
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
jujur paling suka bgt dengan cara penjelasan ya.. sangat menarik, suhu yg luar biasa ini
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
Gila, gw pake ini sama aja bang, mending next js bang kalo bagi gw sih.
Betul, kita dulu mulai pake CRA dan fine2 aja, sekarang sudah terasa lambat karena aplikasi udah grow > 100 menu/pages. otw migrasi ke vite
rill bang w build nya agak lama pakai CRA 😬 , apalagi pakai lib MUI Material UI
mantap banget emang vite
Kiripik Legend RIKI wkwk 🤤
Bang, aku belajar2 blom dpet kerja... info loker remote bang, hehe
saatnya masuk ke kolam js
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?
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
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.
10:55 minuman lejen😂😂
Sudah waktunya untuk migrasi ke vite
wkwkwkkw udah nangggung pake CRA :D
kurang spesifik titlenya, tapi singkat emang CRA bloated parah plus dah lumayan kagak aktif maintainingnya
Dari awal rilis react vite langsung dicoba untuk new projects di kantor dan emang ajaib dah 😂
ngebantu banget ya bang?
Relate wkwkw
Mas itu pakai themes apa VScodenya? sama fontnya apa ya itu bagusss hehe, terima kasih
font nya kayaknya fira-code
theme mungkin atomic dark
Hadir
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
belajar dari niat dulu bg, nanti mulai dari html, css, baru js
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
Masih sedikit iti 150mb, coba deh develop pake rust.
Jangan kaget pas cargo clean 20gb😂
Bang bahas nextjs server action bang.. .
bang doain semoga keterima mau masuk SMK jurusan RPL😋
ya nanggung sih better nextjs wkwkw
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
Baru sebulan belajar vite js, emang keren parah ini framework
Tepatnya module bundler bro
Bang buat tutorial buat bot discord dari pyton
2:18 kalau gua tetap make git bash bang, milihnya make nomor tapi bang
Vite mantep.. ramah memory 🔥
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.
Ada yg tau backsoundnya kah??
vite enak bang :D
Bener bang CRA berat apalagi PC gw kentang 🗿🗿 enakan Vite
react+cra -> react+vite -> nextjs
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 👍
"laravel new" masih di hati bang :v
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..
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.
Lebih enak langsung migrasi ke NextJS wkkw
Laravel aja pake vite 😅
laravel module build js nya pake vite?
Tes
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.
kirain msh single ngab
first bang
Pertama bg pin donk
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