Kenapa pada pindah pake VITE JS?

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) 💌
[e-mail]
==================
🔻🔻🔻 SUBSCRIBE 🔻🔻🔻
For More Update
🔺🔺🔺LONCENGNYA 🔺🔺🔺

[@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]

weh nyasar kesini juga bang

[@enjidev]

@@virgiawan hehe iya bang

[@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]

gokil juga ya pnpm. otw baca baca nih.

[@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]

Serius bang ? Gua baru mau belajar javascript nih

[@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]

@@VersiPertama thanks bg , kalau gitu lanjut dah heheh

[@EkoAgustiawan]

⁠​⁠@@VersiPertamabg saya baru belajar react pake cra, apa pindah kapai vite atau langsung ke next.js . utk backend pakai laravel

[@AhlaIptek]

​@@EkoAgustiawanNextjs itu udah framework bang, sedangkan React itu cuman library

[@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

[@tomirenaldi05]

Waktu awal coba vite, rendering pada object untuk menginisiasi modul three js menggunakan vite itu mantep men gila😮😊, emezing

[@Rhidayah]

Apapun itu, klo ada folder node_modules rsny pgn delete 🗿 iykwim

[@JOKOSUTIYONO-xj8ls]

😂

[@SidiqYT-ce8zt]

pakai pnpm

[@zidanalfarizaputrapratama6037]

pakai .gtignore

[@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]

thanks for sharing bro 👏

[@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]

@@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.

[@BLK_ID]

abis ini kayaknya langsung gas tutorial vite ya bang 😅

[@budiariyadi7552]

jujur paling suka bgt dengan cara penjelasan ya.. sangat menarik, suhu yg luar biasa ini

[@terjemah_alquran]

Betul, kita dulu mulai pake CRA dan fine2 aja, sekarang sudah terasa lambat karena aplikasi udah grow > 100 menu/pages. otw migrasi ke vite

[@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]

nice share brooo 🙌🏻👏🏻

[@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?

[@danitechid]

Mantap kang Dea

[@ndelesep]

Gila, gw pake ini sama aja bang, mending next js bang kalo bagi gw sih.

[@infolokerjabar]

Bang tutorial konfigurasi vite untuk cpanel gimana bang

[@Kelvin_Falah]

terima kasih banyak bang atas ilmunya

[@basic-1337]

Masih sedikit iti 150mb, coba deh develop pake rust. Jangan kaget pas cargo clean 20gb😂

[@hendrakusuma2026]

MasyaAllah mas Dea.,sukses mas

[@ExusiaiSilverash-qr7ef]

Bahkan dokumentasi terbaru react udah gk rekomendasiin buat bikin project pake cra, mereka nyuruh pake next, gatsby, remix, dll

[@alif-niji]

10:55 minuman lejen😂😂

[@withrejkapermana6087]

saatnya masuk ke kolam js

[@fikkzketchee5661]

Bang kapan ada course react js pingin ikutan

[@FilmGeek07]

Hmm menarik gas install ah

[@misbahdev8210]

nice thanks info bang

[@faldinurikhsan5048]

Dari awal rilis react vite langsung dicoba untuk new projects di kantor dan emang ajaib dah 😂

[@muhammadrajadaffa2285]

ngebantu banget ya bang?

[@bruh-hy4jc]

hmr nya sebenernya kudu di save baru jalan ga si? apa hmr w ga jalan? di root gaada vite.config.js juga

[@bruxmotorcycle]

coba dong bang bahas package node-prune, ini sih infonya efisien juga bang

[@pokemoon4012]

Vite React + Vite Laravel 🔥🔥

[@Naruto-oc6mi]

Sveltekit + Golang 🔥🔥

[@marioanjeliko5010]

@@Naruto-oc6mi ini sangat dewa

[@naufalnasrullah6965]

​@@marioanjeliko5010 tapi di indo masih sepi keknya bang company yg make ginian 😂

[@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]

@@naufalnasrullah6965 yupss memang :( untuk pekerjaan react sama vue masih lebih mudah nemunya :( mungkin beberapa tahun ke depan seiring semakin banyak yang mengenal svelte.

[@dotakun9910]

Makasih infonya bang

[@mulkizulkarnaennurfalah4401]

Ini yang saya cari2

[@fync7514]

Mantep, nuhun kang dibahas juga😊😊

[@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]

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]

belajar dari niat dulu bg, nanti mulai dari html, css, baru js

[@AbasIsolate.]

Saya pelajarin html & css . 🙏 Makasih abang abang kuh. Nnti kl ada yg ga ngerti saya paling kesinih lg 🙏

[@rexvaine5176]

belajar fondasi dulu , gw ada saran Channelnya WPU, trus sisanya bebas mau liat mana sesuai kebutuhan

[@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?

[@siloptander9764]

bang bikin konten tentang integrasi API ke web yg kita buat donk , misal untuk web topup gtu nuhun bang 🙏

[@bagashananto4672]

mantap banget emang vite

[@febriiu]

cool 👍

[@asgharakbaraja4780]

Saya suga pakai vite buat belajar project react js mas👍

[@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]

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

[@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

[@uqudgilbert7258]

Bang React itu Compile apa Transpile sih bang klo bundling ke JS?

[@2b_gilangharsya358]

Tapi sayang banget nextJS gabisa diinstal lewat vite

[@IdaNuraida-n1s]

totorial vite bang ... web lagi dong plis jangan di tinggal .. web nya bang ..

[@RedStone576]

kurang spesifik titlenya, tapi singkat emang CRA bloated parah plus dah lumayan kagak aktif maintainingnya

[@hooyah]

bang bahas tuntas bang vite/webpack/turbopack dan konfig2nya. kalo pake nextjs/framework mah gausah mikirin gituan ya bang?

[@fredoananda]

Bang, aku belajar2 blom dpet kerja... info loker remote bang, hehe

[@aryindra2931]

Baru sebulan belajar vite js, emang keren parah ini framework

[@hndk2721]

Tepatnya module bundler bro

[@s3cr3tc0d3.t3ch]

bearer token bisa ilang bro?

[@dzikriarkannur4557]

Bener bang CRA berat apalagi PC gw kentang 🗿🗿 enakan Vite

[@123tgh]

react+cra -> react+vite -> nextjs

[@dennyhendrawan7335]

mau tanya, apakah nextjs bisa menggunakan vite ? soalnya saya liat vite bsa di gabung sama react saja, tidak dengan nextjs

[@123tgh]

nextjs bisa pake turbopack. lebih kenceng harusnya

[@reiser007]

bang lebih mudah mana kalo build learning management system pake express js atau laravel?

[@mochacinoo]

Sudah waktunya untuk migrasi ke vite

[@bshsh82]

ini cuma mempercepat proses build aja kan? maksudnya ga bikin performanya jadi naik pas didevelopment (kaya akses webnya jadi cepet) ?

[@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.

[@adithboulder7443]

bang doain semoga keterima mau masuk SMK jurusan RPL😋

[@double1449]

btw boleh minta update nya dong bang, saya mau join rpl masi takut

[@trixyniostar6373]

Bang mau nanyak, Bahasa programan apa yang bagus dipelajari untuk kerja?

[@DYMONICGAMING]

semuanya bagus di bidangnya, pilih dulu mas tujuannya mau kemana soalnya beda beda roadmapnya Back-end, front-end, network enginer.

[@DYMONICGAMING]

dan masih banyak lg yg lain

[@liggodoggo998]

PHP sama JS gede minatnya klo web, klo aplikasi Kotlin, klo app iOS/MacOS belajar swift

[@ryu-xd]

rill bang w build nya agak lama pakai CRA 😬 , apalagi pakai lib MUI Material UI

[@fransaleny6239]

Bang bahas nextjs server action bang.. .

[@muhammadsaidarrafi9342]

ya nanggung sih better nextjs wkwkw

[@AramissOfficiall]

Hadir

[@aryabp]

Relate wkwkw

[@prasetyobiga9372]

Bang buat tutorial buat bot discord dari pyton

[@atomicbool_]

bang, coba sekali kali bikin nyoba belajar bahasa low-level kek Assembly, C, Rust, & C++. Keknya asik tuh wkwk

[@RedStone576]

low level siksa ilahi

[@canra245]

Menyiksa batin dan otak

[@atomicbool_]

@@canra245 padahal asik asik gitu loh bg 🗿

[@VersiPertama]

@@atomicbool_ asik ? anda psikopat ?

[@atomicbool_]

@@VersiPertama ya, gw programmer low-level sih..

[@ekohendratno]

pengalaman, cra semua projekku banyak warning dan gak bisa di jalanin ketika ada update baru lagi

bang kagak pakek pnpm bang, ukurannya node modules agak minim menurutku 😂

[@turboruninc]

kalau project gawean dia mungkin make. npm/yarn biar general aj buat konten, karna pnpm/bun gk srek aja, gk semua org make itu.

[@firmansyafilayuda4318]

wkwkwkkw udah nangggung pake CRA :D

[@ilmanmanarulqori5632]

Kiripik Legend RIKI wkwk 🤤

[@ilhamsa69]

Vitejs dengan veu beda kah manteman? 😮

[@Naruto-oc6mi]

beda kak, vite itu tool untuk membantu proses membuatnya, sedangkan vue adalah bahan yang digunakan untuk membuat.

[@ddharianto]

vite sama viu beda tapi vue bisa dipake di vite

[@turboruninc]

beda, cuma author (pembuat) nya aja yg sama.

[@sohibulkhahfi6177]

2:18 kalau gua tetap make git bash bang, milihnya make nomor tapi bang

[@nandavio3400]

Lebih enak langsung migrasi ke NextJS wkkw

[@AhmadFauziHanif]

Mas itu pakai themes apa VScodenya? sama fontnya apa ya itu bagusss hehe, terima kasih

[@thebytewarrior8384]

font nya kayaknya fira-code theme mungkin atomic dark

[@miguelemmara5046]

"laravel new" masih di hati bang :v

[@jandamanatuansenangi]

Mirip android studio dengan kotlin kah ?

[@RedStone576]

beda bang, kotlin mah satu bahasa. vite sama cra cuma masalah tools buat nge build appnya

[@jandamanatuansenangi]

@@RedStone576 nice info 👍

[@skydomeblue]

Vite mantep.. ramah memory 🔥

[@qorihidayat9050]

Ada yg tau backsoundnya kah??

[@ardhisasongko]

vite enak bang :D

[@usamafaza]

first bang

[@realmehpjtbnew3814]

Tes

[@RlZKlPro]

Pertama bg pin donk

[@farhanrizkyr]

Laravel aja pake vite 😅

[@VersiPertama]

laravel module build js nya pake vite?

[@indradarta4503]

kirain msh single ngab

[@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]

syntaxnya paan, .env ya kali bisa beda. install module `dotenv` dulu bang

[@ahmadfalah4173]

@@wifojfejijewjfeijwofjiojdkls nah ini maksud gw

[@canra245]

@@wifojfejijewjfeijwofjiojdkls Pantes gagal mulu coyyy, thanks bro

[@mannn9058]

Hallo bang