Тёмный

Kenapa pada pindah pake VITE JS? 

Dea Afrizal
Подписаться 461 тыс.
Просмотров 31 тыс.
50% 1

Kenapa barudak javascript pada pindah pake vite js daripada CRA atau create-react-app untuk bikin starter projek frontend?
Transfer DONASI: saweria.co/dea...
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 🔺🔺🔺

Опубликовано:

 

6 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 135   
@enjidev
@enjidev Год назад
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 🔥🔥
@virgiawan
@virgiawan Год назад
weh nyasar kesini juga bang
@enjidev
@enjidev Год назад
@@virgiawan hehe iya bang
@arelh
@arelh Год назад
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
@andri21
@andri21 Год назад
gokil juga ya pnpm. otw baca baca nih.
@Rhidayah
@Rhidayah Год назад
Apapun itu, klo ada folder node_modules rsny pgn delete 🗿 iykwim
@JOKOSUTIYONO-xj8ls
@JOKOSUTIYONO-xj8ls Год назад
😂
@SidiqYT-ce8zt
@SidiqYT-ce8zt Год назад
pakai pnpm
@zidanalfarizaputrapratama6037
@zidanalfarizaputrapratama6037 11 месяцев назад
pakai .gtignore
@didi_abdillah
@didi_abdillah Год назад
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
@jandamanatuansenangi Год назад
Serius bang ? Gua baru mau belajar javascript nih
@VersiPertama
@VersiPertama Год назад
@@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
@jandamanatuansenangi
@jandamanatuansenangi Год назад
@@VersiPertama thanks bg , kalau gitu lanjut dah heheh
@EkoAgustiawan
@EkoAgustiawan 9 месяцев назад
⁠​⁠@@VersiPertamabg saya baru belajar react pake cra, apa pindah kapai vite atau langsung ke next.js . utk backend pakai laravel
@AhlaIptek
@AhlaIptek 3 месяца назад
​@@EkoAgustiawanNextjs itu udah framework bang, sedangkan React itu cuman library
@artmosphereID
@artmosphereID Год назад
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
@deaafrizal
@deaafrizal Год назад
nice share brooo 🙌🏻👏🏻
@agestasaputra3345
@agestasaputra3345 Год назад
@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?
@abibinyun
@abibinyun Год назад
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
@BLK_ID
@BLK_ID Год назад
abis ini kayaknya langsung gas tutorial vite ya bang 😅
@tomirenaldi05
@tomirenaldi05 Год назад
Waktu awal coba vite, rendering pada object untuk menginisiasi modul three js menggunakan vite itu mantep men gila😮😊, emezing
@budiariyadi7552
@budiariyadi7552 11 месяцев назад
jujur paling suka bgt dengan cara penjelasan ya.. sangat menarik, suhu yg luar biasa ini
@AmbriBlack
@AmbriBlack Год назад
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.
@deaafrizal
@deaafrizal Год назад
thanks for sharing bro 👏
@agestasaputra3345
@agestasaputra3345 Год назад
@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?
@AmbriBlack
@AmbriBlack Год назад
@@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.
@terjemah_alquran
@terjemah_alquran 4 месяца назад
Betul, kita dulu mulai pake CRA dan fine2 aja, sekarang sudah terasa lambat karena aplikasi udah grow > 100 menu/pages. otw migrasi ke vite
@ndelesep
@ndelesep Год назад
Gila, gw pake ini sama aja bang, mending next js bang kalo bagi gw sih.
@ExusiaiSilverash-qr7ef
@ExusiaiSilverash-qr7ef Год назад
Bahkan dokumentasi terbaru react udah gk rekomendasiin buat bikin project pake cra, mereka nyuruh pake next, gatsby, remix, dll
@fikkzketchee5661
@fikkzketchee5661 Год назад
Bang kapan ada course react js pingin ikutan
@infolokerjabar
@infolokerjabar Месяц назад
Bang tutorial konfigurasi vite untuk cpanel gimana bang
@basic-1337
@basic-1337 2 месяца назад
Masih sedikit iti 150mb, coba deh develop pake rust. Jangan kaget pas cargo clean 20gb😂
@danitechid
@danitechid Год назад
Mantap kang Dea
@faldinurikhsan5048
@faldinurikhsan5048 Год назад
Dari awal rilis react vite langsung dicoba untuk new projects di kantor dan emang ajaib dah 😂
@muhammadrajadaffa2285
@muhammadrajadaffa2285 Год назад
ngebantu banget ya bang?
@siloptander9764
@siloptander9764 Год назад
bang bikin konten tentang integrasi API ke web yg kita buat donk , misal untuk web topup gtu nuhun bang 🙏
@withrejkapermana6087
@withrejkapermana6087 Год назад
saatnya masuk ke kolam js
@bruxmotorcycle
@bruxmotorcycle Год назад
coba dong bang bahas package node-prune, ini sih infonya efisien juga bang
@hendrakusuma2026
@hendrakusuma2026 7 месяцев назад
MasyaAllah mas Dea.,sukses mas
@IFOR-se7cp
@IFOR-se7cp Год назад
Bang, coba bahas penipuan yang lagi viral, yang nomor tak dikenal mengirim link trus kalo si korban mencet bakalan ke retas HP nya
@fredoananda
@fredoananda Год назад
Bang, aku belajar2 blom dpet kerja... info loker remote bang, hehe
@Kelvin_Falah
@Kelvin_Falah 11 месяцев назад
terima kasih banyak bang atas ilmunya
@AbasIsolate.
@AbasIsolate. Год назад
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.
@maosfullstackdev
@maosfullstackdev Год назад
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
@Magercoding
@Magercoding Год назад
belajar dari niat dulu bg, nanti mulai dari html, css, baru js
@AbasIsolate.
@AbasIsolate. Год назад
Saya pelajarin html & css . 🙏 Makasih abang abang kuh. Nnti kl ada yg ga ngerti saya paling kesinih lg 🙏
@rexvaine5176
@rexvaine5176 Год назад
belajar fondasi dulu , gw ada saran Channelnya WPU, trus sisanya bebas mau liat mana sesuai kebutuhan
@hooyah
@hooyah Год назад
bang bahas tuntas bang vite/webpack/turbopack dan konfig2nya. kalo pake nextjs/framework mah gausah mikirin gituan ya bang?
@alif-niji
@alif-niji Год назад
10:55 minuman lejen😂😂
@2b_gilangharsya358
@2b_gilangharsya358 2 месяца назад
Tapi sayang banget nextJS gabisa diinstal lewat vite
@RedStone576
@RedStone576 Год назад
kurang spesifik titlenya, tapi singkat emang CRA bloated parah plus dah lumayan kagak aktif maintainingnya
@fync7514
@fync7514 Год назад
Mantep, nuhun kang dibahas juga😊😊
@sohibulkhahfi6177
@sohibulkhahfi6177 Год назад
2:18 kalau gua tetap make git bash bang, milihnya make nomor tapi bang
@adithboulder7443
@adithboulder7443 Год назад
bang doain semoga keterima mau masuk SMK jurusan RPL😋
@double1449
@double1449 12 дней назад
btw boleh minta update nya dong bang, saya mau join rpl masi takut
@ryu-xd
@ryu-xd Год назад
rill bang w build nya agak lama pakai CRA 😬 , apalagi pakai lib MUI Material UI
@FilmGeek07
@FilmGeek07 Год назад
Hmm menarik gas install ah
@aryindra2931
@aryindra2931 Год назад
Baru sebulan belajar vite js, emang keren parah ini framework
@hndk2721
@hndk2721 Год назад
Tepatnya module bundler bro
@reiser007
@reiser007 Год назад
bang lebih mudah mana kalo build learning management system pake express js atau laravel?
@dzikriarkannur4557
@dzikriarkannur4557 Год назад
Bener bang CRA berat apalagi PC gw kentang 🗿🗿 enakan Vite
@asgharakbaraja4780
@asgharakbaraja4780 Год назад
Saya suga pakai vite buat belajar project react js mas👍
@dotakun9910
@dotakun9910 Год назад
Makasih infonya bang
@123tgh
@123tgh Год назад
react+cra -> react+vite -> nextjs
@misbahdev8210
@misbahdev8210 Год назад
nice thanks info bang
@pokemoon4012
@pokemoon4012 Год назад
Vite React + Vite Laravel 🔥🔥
@Naruto-oc6mi
@Naruto-oc6mi Год назад
Sveltekit + Golang 🔥🔥
@marioanjeliko5010
@marioanjeliko5010 Год назад
@@Naruto-oc6mi ini sangat dewa
@naufalnasrullah6965
@naufalnasrullah6965 Год назад
​@@marioanjeliko5010 tapi di indo masih sepi keknya bang company yg make ginian 😂
@Naruto-oc6mi
@Naruto-oc6mi Год назад
@@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.
@Naruto-oc6mi
@Naruto-oc6mi Год назад
@@naufalnasrullah6965 yupss memang :( untuk pekerjaan react sama vue masih lebih mudah nemunya :( mungkin beberapa tahun ke depan seiring semakin banyak yang mengenal svelte.
@trixyniostar6373
@trixyniostar6373 Год назад
Bang mau nanyak, Bahasa programan apa yang bagus dipelajari untuk kerja?
@DYMONICGAMING
@DYMONICGAMING Год назад
semuanya bagus di bidangnya, pilih dulu mas tujuannya mau kemana soalnya beda beda roadmapnya Back-end, front-end, network enginer.
@DYMONICGAMING
@DYMONICGAMING Год назад
dan masih banyak lg yg lain
@liggodoggo998
@liggodoggo998 Год назад
PHP sama JS gede minatnya klo web, klo aplikasi Kotlin, klo app iOS/MacOS belajar swift
@s3cr3tc0d3.t3ch
@s3cr3tc0d3.t3ch 5 дней назад
bearer token bisa ilang bro?
@uqudgilbert7258
@uqudgilbert7258 Год назад
Bang React itu Compile apa Transpile sih bang klo bundling ke JS?
@ekohendratno
@ekohendratno Год назад
pengalaman, cra semua projekku banyak warning dan gak bisa di jalanin ketika ada update baru lagi
@mulkizulkarnaennurfalah4401
Ini yang saya cari2
@bruh-hy4jc
@bruh-hy4jc 9 месяцев назад
hmr nya sebenernya kudu di save baru jalan ga si? apa hmr w ga jalan? di root gaada vite.config.js juga
@prasetyobiga9372
@prasetyobiga9372 Год назад
Bang buat tutorial buat bot discord dari pyton
6 месяцев назад
bang kagak pakek pnpm bang, ukurannya node modules agak minim menurutku 😂
@turboruninc
@turboruninc 5 месяцев назад
kalau project gawean dia mungkin make. npm/yarn biar general aj buat konten, karna pnpm/bun gk srek aja, gk semua org make itu.
@ilhamsa69
@ilhamsa69 Год назад
Vitejs dengan veu beda kah manteman? 😮
@Naruto-oc6mi
@Naruto-oc6mi Год назад
beda kak, vite itu tool untuk membantu proses membuatnya, sedangkan vue adalah bahan yang digunakan untuk membuat.
@ddharianto
@ddharianto Год назад
vite sama viu beda tapi vue bisa dipake di vite
@turboruninc
@turboruninc 9 месяцев назад
beda, cuma author (pembuat) nya aja yg sama.
@atomicbool_
@atomicbool_ Год назад
bang, coba sekali kali bikin nyoba belajar bahasa low-level kek Assembly, C, Rust, & C++. Keknya asik tuh wkwk
@RedStone576
@RedStone576 Год назад
low level siksa ilahi
@canra245
@canra245 Год назад
Menyiksa batin dan otak
@atomicbool_
@atomicbool_ Год назад
@@canra245 padahal asik asik gitu loh bg 🗿
@VersiPertama
@VersiPertama Год назад
@@atomicbool_ asik ? anda psikopat ?
@atomicbool_
@atomicbool_ Год назад
@@VersiPertama ya, gw programmer low-level sih..
@greatchannel126
@greatchannel126 Год назад
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?
@fransaleny6239
@fransaleny6239 Год назад
Bang bahas nextjs server action bang.. .
@mochacinoo
@mochacinoo Год назад
Sudah waktunya untuk migrasi ke vite
@yzd1140
@yzd1140 Год назад
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)
@williamjeferson3202
@williamjeferson3202 Год назад
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
@febriiu
@febriiu Год назад
cool 👍
@bshsh82
@bshsh82 Год назад
ini cuma mempercepat proses build aja kan? maksudnya ga bikin performanya jadi naik pas didevelopment (kaya akses webnya jadi cepet) ?
@hndk2721
@hndk2721 Год назад
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.
@ahmadfalah4173
@ahmadfalah4173 Год назад
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🥲
@RedStone576
@RedStone576 Год назад
syntaxnya paan, .env ya kali bisa beda. install module `dotenv` dulu bang
@ahmadfalah4173
@ahmadfalah4173 Год назад
@@wifojfejijewjfeijwofjiojdkls nah ini maksud gw
@canra245
@canra245 Год назад
@@wifojfejijewjfeijwofjiojdkls Pantes gagal mulu coyyy, thanks bro
@dennyhendrawan7335
@dennyhendrawan7335 Год назад
mau tanya, apakah nextjs bisa menggunakan vite ? soalnya saya liat vite bsa di gabung sama react saja, tidak dengan nextjs
@123tgh
@123tgh Год назад
nextjs bisa pake turbopack. lebih kenceng harusnya
@bagashananto4672
@bagashananto4672 Год назад
mantap banget emang vite
@AhmadFauziHanif
@AhmadFauziHanif Год назад
Mas itu pakai themes apa VScodenya? sama fontnya apa ya itu bagusss hehe, terima kasih
@thebytewarrior8384
@thebytewarrior8384 10 месяцев назад
font nya kayaknya fira-code theme mungkin atomic dark
@jandamanatuansenangi
@jandamanatuansenangi Год назад
Mirip android studio dengan kotlin kah ?
@RedStone576
@RedStone576 Год назад
beda bang, kotlin mah satu bahasa. vite sama cra cuma masalah tools buat nge build appnya
@jandamanatuansenangi
@jandamanatuansenangi Год назад
@@RedStone576 nice info 👍
@miguelemmara5046
@miguelemmara5046 Год назад
"laravel new" masih di hati bang :v
@qorihidayat9050
@qorihidayat9050 Год назад
Ada yg tau backsoundnya kah??
@ilmanmanarulqori5632
@ilmanmanarulqori5632 Год назад
Kiripik Legend RIKI wkwk 🤤
@muhammadsaidarrafi9342
@muhammadsaidarrafi9342 Год назад
ya nanggung sih better nextjs wkwkw
@nandavio3400
@nandavio3400 Год назад
Lebih enak langsung migrasi ke NextJS wkkw
@firmansyafilayuda4318
@firmansyafilayuda4318 6 месяцев назад
wkwkwkkw udah nangggung pake CRA :D
@skydomeblue
@skydomeblue Год назад
Vite mantep.. ramah memory 🔥
@AramissOfficiall
@AramissOfficiall Год назад
Hadir
@aryabp
@aryabp Год назад
Relate wkwkw
@ardhisasongko
@ardhisasongko Год назад
vite enak bang :D
@farhanrizkyr
@farhanrizkyr Год назад
Laravel aja pake vite 😅
@VersiPertama
@VersiPertama Год назад
laravel module build js nya pake vite?
@indradarta4503
@indradarta4503 Год назад
kirain msh single ngab
@RlZKlPro
@RlZKlPro Год назад
Pertama bg pin donk
@usamafaza
@usamafaza Год назад
first bang
@realmehpjtbnew3814
@realmehpjtbnew3814 Год назад
Tes
@mannn9058
@mannn9058 Год назад
Hallo bang
Далее
Karena dulu gue juga gak ngerti | API Middleware
19:55
Bedanya React JS sama HTML Standar
18:50
Просмотров 56 тыс.
Песня РАСПУТИН на русском!🔥
00:56
Vite Crash Course | Faster Alternative To CRA
16:24
Просмотров 204 тыс.
HAMPIR DIPECAT GARA-GARA MILIH REACT.JS
28:36
Просмотров 135 тыс.
Code Editor PERTAMA yang pake AI 😱
24:45
Просмотров 25 тыс.
Apa Itu React JS Buat Pemula
11:49
Просмотров 48 тыс.
Docker | Gak Ada Nih Di Kampus Gue 🤡
38:45
Просмотров 117 тыс.
Tutorial Vite : Frontend Build Tool (Bahasa Indonesia)
1:04:19
Create React App vs. NextJS vs. Vite
15:40
Просмотров 73 тыс.