Ngobrolin Ekosistem Vue - Ngobrolin WEB
Yuk mari kita diskusi dan ngobrol ngalor-ngidul tentang dunia web. Agar tetap up-to-date dengan teknologi web terkini. Topik, tautan dan pertanyaan menarik bisa dilayangkan ke https://ksana.in/ngobrolinweb Kunjungi https://ngobrol.in untuk catatan, tautan dan informasi topik lainnya.
Ringkasan Episode
Bantu KoreksiEpisode Ngobrolin ini menghadirkan Warad Wong Maneki, seorang Google Developer Expert (GDE) untuk Web dari Thailand yang berbagi pengalamannya tentang Vue.js dan ekosistem pengembangan web. Warad, yang merupakan co-founder di Wisesight (perusahaan analitik sosial dengan 260 karyawan) dan CTO di startup EV charger finder, membahas perjalanan kariernya selama 20 tahun di pengembangan web. Percakapan ini mengeksplorasi alasan di balik preferensi Warad terhadap Vue.js dibandingkan React, kelebihan dan kekurangan masing-masing framework, serta tantangan dalam komunitas Vue.js di Thailand. Diskusi juga mencakup topik-topik penting seperti Nuxt.js sebagai meta framework, manajemen state dengan Pinia, pengembangan aplikasi hybrid dengan Capacitor, dan masa depan Vue dengan fitur-fitur baru seperti Vapor mode. Warad juga berbagi wawasan tentang ekosistem teknologi Thailand, tantangan dalam menyelenggarakan meetups pasca-pandemi, serta perbedaan antara Options API dan Composition API dalam Vue 3.
Poin-poin Utama
- •Warad Wong Maneki adalah GDE Web kedua di Asia Tenggara dan pertama di Thailand dengan pengalaman 20 tahun di pengembangan web
- •Vue.js dipilih karena kesederhanaan dan pendekatannya yang mirip dengan AngularJS namun lebih ringan, terinspirasi dari preferensi penulisan template terpisah daripada JSX
- •Ekosistem Vue di Thailand memiliki komunitas yang lebih kecil dibandingkan React (64% React, 20% Vue, 15% Angular) dengan tantangan dalam menyelenggarakan meetups pasca-pandemi
- •Nuxt.js menyediakan banyak "magic" yang memudahkan pengembangan seperti auto-import, routing berbasis folder, dan manajemen state, namun memerlukan pemahaman tentang cara kerjanya
- •Pinia telah menggantikan Vuex sebagai library manajemen state resmi Vue dengan pendekatan yang lebih sederhana menggunakan methods daripada actions
- •Warad menggunakan kombinasi Vue.js dan Capacitor untuk membangun aplikasi yang dapat berjalan di berbagai platform (mobile, desktop, PWA) dengan satu codebase
- •Tantangan utama dalam ekosistem Vue adalah kompatibilitas antara Options API dan Composition API, serta ketersediaan library komponen yang lebih sedikit dibandingkan React
- •Vue 3 akan menghadirkan fitur baru seperti Vapor mode yang berpotensi menghilangkan virtual DOM untuk performa yang lebih baik, serta dukungan View Transitions API
0:00Halo halo halo selamat malam hello world hello world ketemu lagi kita di selasa malam dan sekarang
0:29hari ini kita masih di jam 9 ya karena puasa Ramadan jadi kita mundurin sedikit mudah-mudahan
0:37tidak terlalu malam buat teman-teman ya bisa nonton kita gitu ya dan malam hari ini cukup
0:45spesial karena Ivan masih jalan-jalan jadi kita mengundang narasumber yang tangguh bintang tamu
0:54cukup agak jauh lah ya
0:56agak jauh ya, sebenarnya secara geografis
0:58nggak jauh juga sih
0:59tetangga, agak jauh
1:00negara tetangga ya, tapi udah beda negara
1:03dan dia ini
1:05senior kita di GDE
1:07GDE Web juga, sama-sama GDE Web, tapi duluan
1:10lebih dulu dari saya
1:11apalagi dari Eka
1:12jadi
1:14si bintang tamu ini lumayan
1:17apa ya, lumayan
1:19mendalami Vue.js dan juga
1:21Vue.js ini kan lumayan banyak yang
1:23yang request ya jadi malam ini kita coba undang dan kita coba tanya-tanya langsung tapi seperti
1:28biasa kita lihat apa itu iya ini udah ada damar Oh ini komennya tadi pagi jam 9 pagi Wow view
1:37view cuma gitu doang ya oke jadi lebih gembira dari emoji nya si Naya tapi soalnya damar ini
1:47Iya dia kan yang yang apa yang ori provokasi ya nux juga yang memprovokasi kita untuk bahas
1:55view dan nux ya cuma kita kan belum rapat ke jadi kurang kulit ya kurang legitimit kalau
2:00kita kita doang jadi harus sama bintang tamu berikut ini Iya kita langsung undang aja kasih
2:08Tangan yang meriah buat rekan kita, Warad Wong Maneki.
2:17Halo, halo.
2:19Halo, Warad. Terima kasih telah menerima.
2:22Ya, oke sebelum kita mulai, mungkin Anda bisa mulai dengan introduksi, siapa Anda, dan apa yang Anda lakukan, dan apa yang Anda...
2:34Bagaimana kamu menjadi web GDE pertama di Asia Tenggara?
Lihat transkrip lengkap
2:38Tidak, saya tidak tahu.
2:40Saya yang kedua.
2:42Saya yang kedua.
2:44Saya yang kedua setelah...
2:46Setelah Johan.
2:48Setelah Johan.
2:50Oke, nama saya Warad.
2:52Saya dari Thailand.
2:54Saya berasal dari Bangkok.
2:56Pernah saya bekerja di...
3:00setelah Sunrise.
3:02dan co-founder untuk kompani teknik, kami cukup besar sekarang, kami berada di 260,
3:12kami adalah kompani namanya Whitesize, kami melakukan data network social analytics atau
3:20seseorang menyebutnya platform penyelidikan sosial di Thailand, jadi kami melakukannya selama
3:28hampir 13 tahun, ya hampir 13 tahun, jadi itu bukan, itu bukan, saya tidak ingin menyebutnya startup lagi
3:36karena itu seperti 260 orang, ya dan sudah 13 tahun, itu pekerjaan saya dan itu yang saya lakukan untuk keuntungan
3:48Ya, tapi setelah Sunset, saya adalah CTO startup lainnya, yang sangat kecil, yang disebut Saifah.
4:00Ini adalah aplikasi untuk mencari stasiun pengisian EV di Thailand.
4:06Jadi, SAIFH. Itu adalah build dengan wheel.js sebenarnya.
4:13itu adalah setelah sunset dan juga pada minggu depan saya adalah web gde saya adalah seorang developer google expert untuk web spesial saya adalah kompatibilitas dan performa web jadi saya
4:30saya sudah belajar di GDE sejak 2016. Ya, 2016. Hampir 8 tahun. 16 tahun. Ya, kalian bisa lihat
4:41di belakang saya. Ya, itu 2016. Saya kedua web GDE di Asia Tenggara. Saya adalah yang pertama
4:50di Thailand. Saya kedua GDE di Thailand sebenarnya. Ya, saya pikir mungkin tidak
4:58yang berfungsi di indonesia, saya menggunakan, ya ya ya, iya, itu adalah saya sendiri. oke, ya,
5:07sebenarnya, itu adalah jenis pangkalan monokopi yang saya bangunnya di kapasitor yang memiliki versi natif juga,
5:15ya, saya memakai kapasitor untuk membuatnya, itu ya, itu adalah saya, ya, saya, benar, saya menulis
5:18Ya, itu saya. Saya menulis web sejak 18 tahun lalu. Tidak, itu 20 tahun lalu.
5:29Sekarang saya 34 tahun lalu. Saya mengatakan HTML sejak saya 14 tahun lalu.
5:3620 tahun lalu.
5:36Jadi itu adalah HTML 3.0 dengan capital.
5:40Ya, ya, ya, ya, ya, ya, ya, ya. Saya tidak bisa ingat itu.
5:44jadi dan ya tentu saja framework yang saya suka adalah Vue.js
5:50ya oke kenapa kamu hanya Vue.js? oh
5:57sebenarnya pada waktu itu ada dua seperti kita memiliki seperti
6:02React.js atau Vue.js saya menggunakan Vue.Sense Vue.One
6:08Saya tidak suka, sebenarnya itu adalah preferensi pribadi saya, saya tidak suka menulis template dalam javascript language
6:22Saya tidak suka menulis template seperti HTML dalam file javascript atau JSX
6:29sebenarnya pada awal saya mencoba angler dan saya suka cara mereka menambahkan logik di html
6:39di angler, kalau Anda ingat angler pertama
6:44tidak, itu seperti mereka memiliki ng4 atau sesuatu seperti itu
6:50setelah itu, VJS mulai dan terlihat seperti VJS adalah versi kedua benar dari
6:58angler yang mereka letakkan semuanya di template dan banyak sintas masih seperti HTML
7:08jadi saya cukup suka cara yang mereka lakukan jadi saya menembak VJS, tapi ya saya pikir
7:16ini adalah membuat orang-orang seperti mengecewakan dan mencintai The Wheelchair karena seseorang mengecewakan The Wheelchair
7:22karena mereka memasang logik di template, ya ya ya seseorang mengecewakannya
7:33tapi ya untuk saya saya mencintainya ya ya ya oh ya 10 tahun lalu sudah 10 tahun
7:41ya ya saya tidak mengerti apakah Anda telah belajar atau lainnya dari Frameworks selain view
7:50ya saya mulai dengan angular satu yang lainnya sangat seperti waktu pendek saya memilih seperti dua view dan
8:01Actually I can write the React but not Florence or but as I told you I hate the way that write
8:12everything on the JavaScript so I hate it yeah and also in that time is nothing like the style
8:19components or something like that so I hate it I hate it in that time so after that I keep use
8:27banyak tapi hal lucu adalah perusahaan saya tidak menggunakan wheelchairs kita menggunakan reax
8:35tapi ya saya tidak adept jadi saya membiarkan tim adept melakukan apa saja yang mereka inginkan Itu hal yang berbeda karena dalam perusahaan Anda perlu melihat ekosistem
8:50penumpang talent, jadi REACT menang sekarang.
8:55Jadi Anda harus menyacarikan ide-ide itu.
9:00Pembelajaran, Anda memiliki penumpang talent yang lebih besar.
9:04Ya, dan sebenarnya saya tidak menjaga tim engineer di pejabat saya.
9:10Jadi mereka memiliki seorang CTO dan seorang engineer yang memutuskan segalanya.
9:15Jadi mereka harus menginjilkan JS dan React.
9:19Dan TypeScript.
9:21Jadi itu baik.
9:25Saya pikir kamu berpindah dari Angular ke Vue itu natural karena...
9:31Iya, karena Evan Yus, karena Evan Yus, saya terasa banyak inspirasi dari AngularJS.
9:39Iya, dia menggunakan AngularJS saat bekerja di Google, dan dia ingin mengekstrakkan bagian yang dia suka tentang Angular,
9:49dan membuat versi yang lebih ringan, yaitu Vue.
9:53Saya juga tidak tahu bahwa nama version Vue disebut setelah anime.
9:59Jadi FNU adalah Weeaboo.
10:02Ya, FNU adalah...
10:05...anime fans.
10:07Apa yang mereka panggilnya? Otaku?
10:10Otaku?
10:13Otaku adalah anime fans.
10:17Jadi kalau saya ingat, saya tidak yakin.
10:21Tapi pada hari Vue.js mulai, itu adalah hari yang angkuler meluncurkan versi kedua, angkuler 2.
10:36Jadi pada waktu itu, semua orang benci angkuler 2 karena berubah banyak.
10:42Itu berbeda dari angkuler 1.
10:44Ya, itu dibuat dari bawah.
10:46Ya, mereka menggunakan ng-module atau sesuatu seperti itu pada waktu itu.
10:50But after that the Vue.js like start and someone said, okay Vue.js is actually the angular 2.
10:59Is the angular 2 that they should be.
11:04Yeah, that everyone wants so it's kind of like, okay this is real angular 2.
11:09So that why I, that the reason that why I switch from the angular 2 to Vue.
11:16Karena pada hari itu saya ingat bahwa, oke, Angular adalah teknologi Google, jadi mungkin ini bagus untuk saya.
11:24Tapi ya, itu terjadi adalah waktu yang sangat sulit bagi saya.
11:31Oke, oke. Bagaimana dengan komunitas field di Thailand?
11:40Oke, saya pikir kita harus bicara tentang komite keseluruhan di Thailand dulu.
11:46Ya, ya, tentu saja.
11:48Oke, kita tidak memiliki komite framework yang spesifik.
11:57Kita memiliki JavaScript Bangkok, yang dikendalikan sebagai JavaScript Bangkok.
12:03kita ada javascript bangkok yang kita panggil jsbkk
12:09kita punya javascript bkk, kita punya back end
12:15komunitas, itu adalah komunitas besar, mereka berbicara dalam banyak
12:20framework yang bergantung pada topiknya, dan ya saya pikir semua orang tahu
12:25sekarang data dan AI berkembang di seluruh dunia
12:30jadi itu adalah komunitas besar sekarang. Tapi untuk pembayaran, sebenarnya jika Anda melihat
12:37persentase website yang menggunakan pengembangan frontend di Thailand sekarang adalah 15%
12:4615% 15% 15% yang paling kecil dari mereka adalah
12:53adalah tempat yang keras sebenarnya Ya 64 adalah 64 adalah reaksi dan 20 adalah view 20 adalah angular
13:10Jadi, dalam jumlahnya, viewnya tidak begitu besar dibandingkan dengan reaks.
13:17Dan juga pool result yang Eka sebutkan, pool resultnya tidak begitu besar.
13:23Yup, jadi kita mencoba untuk membangun komunitas, tapi dengan topik spesifiknya tidak begitu bagus, jadi kita memutuskan untuk membicarakan dalam banyak topik.
13:38Tahun lalu, Reacts mencoba untuk terjadi dalam satu pertemuan, tapi tidak begitu bagus dan tidak banyak orang datang karena sekarang orang-orang mencoba untuk bergantung.
13:48Di Thailand, framework foreign-in adalah agak kecil, sebenarnya.
13:52Dalam hal produksi, React adalah besar, tapi dalam hal hobi dan orang yang menggunakan Swellkit, React, Vue, agak banyak.
14:05Jadi, itu yang terjadi di Thailand.
14:10Tapi fokus pada penonton, kita punya satu grup Facebook yang cukup besar dan semua orang menjawab pertanyaan di grup Facebook
14:20Itu hanya hal yang terjadi di Thailand sekarang, tidak banyak yang berjumpa lagi, saya pikir itu terjadi di seluruh dunia, bukan banyak yang berjumpa lagi karena ruang acara
14:31Ya ruang terbatas, tempat yang berhenti
14:35Ya, dan hidupnya terjadi, musim musim, ya banyak.
14:41Ya, musim musim. Dan juga seperti beberapa pengembang tidak hidup di, oke, Bangkok adalah, kita memiliki hampir 20 juta orang di sini.
14:56kita punya 66 juta untuk populasi sepenuhnya, bahkan besar, tapi untuk pengembang, saya dengar banyak orang tidak hidup di Bangkok
15:08karena kos hidup?
15:12saya tidak pikir karena kos hidup, hanya karena kebijakan dari perusahaan yang tidak diperlukan untuk pergi ke pejabat
15:23ofis oh jadi terutama untuk yang kita panggil bangkokian yang memiliki bangkok orang-orang yang tidak banyak
15:33bahkan kita memiliki 20 juta tetapi seperti bangkok yang dilahirkan hanya seperti 10 atau kurang dari 10 juta
15:42kekurangan mereka seperti dari di mana-mana di thailand sehingga ketika covid datang dan
15:51dan semuanya berakhir dan perusahaan tidak berubah polisi untuk pergi ke pejabat, jadi semua orang kembali ke rumah
15:58mengadakan pertemuan itu tidak begitu mudah karena jika Anda mempunyai pertemuan seperti tidak banyak orang pergi
16:05karena setengah dari mereka tinggal di kota rumah
16:12ya ya ya itu yang terjadi dan juga kita tidak seperti di Indonesia atau negara lain seperti
16:18di Indonesia ada Jakarta, Sulawesi, itu adalah kota besar yang memiliki banyak populasi
16:26tapi tidak, di Hainan itu tidak, kita memiliki kota besar, tapi kota besar untuk turis seperti Chiang Mai untuk turis
16:33Phuket untuk turis, tidak banyak yang tinggal di sana, tempat lokal bisa berada di mana-mana
16:39kita berada di situasi yang berbeda, jadi ketika kita bertemu di masa lalu, kita bisa mendapatkan 200 orang, sangat mudah
16:47Tapi sekarang, mendapatkan 70 atau 100 adalah yang terbaik yang bisa kita lakukan.
16:57Jadi, situasi ini agak berbeda sekarang.
17:03Dan bahkan, seseorang tinggal di Bangkok, mereka tinggal di jauh dari kota.
17:08Mereka pergi ke pantai Bangkok karena rumahnya sangat murah dibandingkan dengan CBD.
17:16Jadi mereka tinggal di sana.
17:18Jika kamu ingin berjumpa, kamu harus pergi ke CBD, ke pusat CD.
17:25jam atau dua jam untuk menerbang atau mengambil tren, jadi tidak nyaman.
17:29jadi ya, itu yang terjadi tentang komunitas di seluruh Thailand sekarang
17:34termasuk Vue.js.
17:39jadi apa menurut Anda, apa adalah
17:45kelebihan dan kegagalan dalam menggunakan Vue.js?
17:50Oh, saya pikir, untuk saya saya tidak yakin, tapi secara pribadi saya pikir untuk membuat kode Vue.js
18:02reusable or it's not that easy because some is the some is a template some is a style some is a
18:18like script so making like reusable or destructible is you have to put a lot of word there okay
18:28karena itu bergabung dengan bahasa dan juga, saya tidak mau mengatakan bahwa penampilan itu mudah untuk memulai proyek
18:39karena berdasarkan, saya pikir itu sangat personal, personal opinion
18:49Tapi bagi orang-orang yang tidak familiar dengan tulisan, semuanya dengan JavaScript, seperti orang tua yang membangun web selama 20 tahun seperti saya,
19:03will is quite fairly with with with them like okay you not need to learn the many new things because
19:11the style is still there script is still there and also the the the HTML the template is still there
19:20so that that makes you quite easy to understand how to write the code with the modern framework
19:31itu mungkin yang pro, tapi yang salah saya pikirkan adalah tentang komunitas
19:37saya cukup berjuang untuk menemukan beberapa komponen dari penampilan
19:46banyak kali saya harus menulis sendiri
19:50seperti berbanding dengan React, jumlah komponen itu
19:56is existing library or yeah existing library yup yup yup oh it's not that much compared to react the
20:08choice is not that huge so I have a one example when you use Tailwind I want to use some JavaScript
20:18like for two tips something like that uh I use a four by the problem of the four by is uh yup
20:28will just version of the four by is not good it still have a lot of the bug and not very active
20:35compared to the reacts and also like reacts you have a material UI something like that but yeah
20:43what yeah oh we always have a beautify that is i don't think is is active much compare the reacts
20:56and sometimes i yeah as i told you i struggle a lot to finding the component or library that
21:02support view oh oke oke ya ya ya
21:08that that that that account to user to user view
21:15what do you think is the killer feature of you is that the simplicity or like something that other
21:22frameworks or ui libraries don't have like react doesn't have spell doesn't have what do you think
21:28Saya hanya bisa menemukan ini di view, seperti sesuatu seperti itu.
21:35Tidak, saya pikir itu seperti untuk saya adalah simplicitasnya.
21:40Simplicitas Tapi masalahnya adalah setelah view upgrade dari oke sekarang jika Anda menulis view Anda memiliki But the problem is after views upgrade from the okay right now if you write the view you have a two options once we call the option API
21:56we call the options API that's like API yeah options API oh yeah you can you can see it here on the
22:04and another type is we call the composition API the problem is when you write in the option API
22:22is very simple is very understandable because they spread like every part like method data
22:30as like they separate everything but yeah the problem is like it's not easy to make it reusable
22:37in some time but when you changed to the composition api that more reusable the problem is causes will
22:45be messed up because you can like const the the the prom like variables everywhere that you want
22:54atau seperti Anda dapat menemukan metode di mana saja yang Anda inginkan atau dan ya dan beberapa library
23:02menyokong hanya API opsi yang tidak menyokong API komposibel tetapi beberapa library menyokong
23:07hanya API komposibel yang tidak menyokong mereka oh tidak, ya jadi itu adalah hal yang buruk, jadi
23:16API opsi jika Anda melihat Anda dapat melihat data seperti data adalah variabel adalah variabel global
23:21metode itu metode mouse yang adalah sebuah ciri hidup sebuah ciri hidup
23:29metode ya tapi ketika Anda berubah ke api komposisi saya pikir itu belum berubah ya ya tidak berubah
23:35ya oke Anda harus tahu itu adalah penjelasan saya pikir uh Anda scroll mereka mungkin mereka akan menjelaskan
23:42composition too yeah that's it composition api you see it's the explanation is you can like
23:50define the function and you can define it on mouse so it's good to reusable the function or reusable
23:58the problem like variables everything but the problem is is less of there's on like my experience
24:05i love option api more i see oh this this topic this one topic that you uh complain about in when
24:15we met in bali right from future you still remember oh that came from future yeah actually it's not
24:25the same one so uh in view 3d they're at the combustible api but you can choose by yourself
24:35Anda tidak perlu mengubah cara menulis, tapi ada beberapa pengembangan yang tidak mendukung
24:42pilihan API karena itu sangat tua, tidak sangat tua, tapi saya mengingatnya.
24:49Itu sangat rumit jika Anda memiliki aplikasi produksi dengan banyak kegiatan dan
24:55setiap kegiatan eksternal memiliki cara mereka sendiri untuk mengurus ini
25:00dan mungkin Anda memiliki para anggota tim, salah satunya menulis di options api,
25:05yang lain ingin menulis composition api, ya, pemimpin tim akan bergerak
25:12ya, tapi sebenarnya cara yang sulit, cara yang sulit adalah Anda bisa menulis dua stil di proyek yang sama
25:20Anda tidak perlu mencoba, ya, Anda tidak perlu mencoba, jadi itu tidak begitu bagus, oh oke, tapi
25:28normal right now i'm more using this one the composition api with the with the setup actually
25:35they have a like two two style because the composition api they are they have a two style
25:43composition api like you see the script like they have a set up attribute right they have another
25:50setiap kali tidak memiliki set up at tbu
25:54bagaimana perbedaannya seperti satu hanya berjalan pada komponen
25:58oke oke baik saja jika Anda tidak menetapkan setup Anda perlu menulis semuanya di dalam metode yang disebut setup Anda harus menulis set up method seperti untuk You need to write everything inside the method called setup You have to write the setup method like for work or everything
26:12We create a setup method.
26:15Yup.
26:16As part of the life, something like a life cycle method.
26:20Kind of, but you still need to have a, when you want to write the life cycle,
26:27you still need to write inside the setup also.
26:32itu adalah hal yang sangat kompleks, tapi ya kebanyakan pengguna set up dan itu adalah hal yang buruk karena
26:41ketika Anda memeriksa library atau dependency, dokumen, beberapa dokumen tidak menutupi setiap case
26:50beberapa library adalah mereka mendukung komposibel tetapi library hanya benar untuk pilihan
26:58jadi Anda harus melihat ke dalam kode suara dan memahami bagaimana berfungsi.
27:02Itu masalahnya.
27:05Sekarang, itu membuat saya berpikir, apakah itu hal lain?
27:09Seperti Intellisense, ESLin, apakah itu?
27:12Jadi, itu kompleks dan idealnya bukan sesuatu untuk manusia untuk mengecek satu-satu.
27:18Apakah semuanya konsisten? Jadi kita butuh ESLin, bukan?
27:22Bagaimana pengalaman Anda menggunakan ESLin dengan Anda? Apakah itu cukup baik untuk
27:27you know to to streamline to handle all the on inconsistencies for you yes yes for me is okay
27:34for me is there if we not have uh if you not have a ef blend i think it's more like mess up
27:43uh i think it is is quite work uh in the view not not not that a big problem but
27:50Tapi untuk memastikan core tidak terlepas, kamu harus menggunakan TypeScript karena lebih membantu.
28:01Karena bagi saya, bahkan kita punya ESLin, saya pikir beberapa kondisi yang harus diubah seperti perawanan,
28:12tapi ia tidak mendukung ya tapi ya saya pikir kebanyakan kes yang seperti mengelakkan aliran
28:19iya at least like work well oke jadi jika jika saya melihat ini ini bagian kode itu uh itu sangat mirip
28:32itu memang mengingatkan Anda dengan Svelte
28:35ya, saya pikir itu Svelte yang mirip
28:39ya, mirip, cukup mirip
28:42oke, jika Anda sangat frustrasi dengan masalah di Composition API dan opsi
28:55kenapa Anda tidak menulis aplikasi selanjutnya menggunakan Svelte atau framework lainnya?
29:01I think it's like we'll still like better than the writing is in vanilla or everything I think
29:13it's like I'm I'm using a real quite long time even I know the swell is or it's not different
29:21dalam hal pemahaman, tapi saya pikir saya hanya terbiasa dengan itu.
29:30Saya cukup terbuka untuk menggunakan yang lain jika saya berpeluang,
29:38tapi ya, hari ini saya menggunakan view.
29:43Oke, ya, Damarsno, mirip dengan Svelte tapi lebih solid?
29:53SolidJS, untuk SolidJS saya tahu nama saja, oke itu SolidJS tapi saya tidak pernah menulis atau belajar apa-apa.
30:05Bukan SolidJS berdasarkan React?
30:08no yeah it uses JSX yeah you use JSX but but I don't like that
30:16yeah I never even spell it look like the the view is but it inside is different they not using domes or something like that okay okay so we got a few questions from chat maybe we can address it before going to the
30:41before going to our own questions with options api is when the component logic is getting bigger
30:48ya ya ya it's coming yeah it is a problem is like you have to put everything on the like
30:55object property that is makes everything complex because the ability to reusable for the option
31:04API is not that easy compared to to the composition API but for me you need to put more effort to or
31:15kamu harus memasang lebih banyak prinsip dalam composisi API karena mudah untuk menggabungkan
31:24mudah untuk menggabungkan untuk saya oke ini adalah pertanyaan ini tertentu untukmu karena
31:32Maulana melihat video YouTube kamu tentang Vapor
31:37I'm sorry I'm never heard about a waiver before I'm not sure not your YouTube video but YouTube
31:54official library I think is kind of the new things that will be the behind the scenes of the the view
32:09so it's a bit like swell maybe does it work like a compiler so you don't need virtual
32:19dom anymore because you spit out regular JavaScript or something I didn't maybe oh maybe it's made by
32:29Evan you also wherever is will tree without the workshop Dom I think workshop Dom is is a has a
32:39bad thing as a good thing when the getting bigger bigger is worship Dom is very slow and slow
32:46ya dan karena core web vitals juga, mungkin virtual dom running akan menyebabkan kembali ke next plane atau sesuatu
32:56oke, mungkin itu mungkin generasi selanjutnya dari blue
33:09Oke, satu hal yang saya suka tentang Vue adalah Vue adalah salah satu framework yang tidak dikumpulkan oleh perusahaan besar.
33:22Ya, terutama independen.
33:25Ya, independen.
33:27Ya, kekuatan komunitas.
33:28Ya, kekuatan komunitas, kan?
33:31Dan Evan, kamu, saya pikir, hidup sepenuh waktu dari kerja open source, kan?
33:36Yes, I think he works full time for BlueJS.
33:40That's nice thing to have because like...
33:44Yeah, we don't have it anymore.
33:46The charity is hired by Percell.
33:50And also even the ecosystem is not backed by the big company like NAKJS.
33:56NAKJS is like very independent or the pioneer, the pion... pioneer? Something is that... the pioneer?
34:05yeah yeah yeah yeah yeah yeah yeah yeah yeah yeah yeah yeah yeah yeah yeah yeah yeah
34:14compare to the react that next back by world soul uh yeah and also the react back by Facebook so
34:23but somebody said uh is better than no one back because uh somebody tried to like defense is or
34:33Karena mereka punya komponen besar yang mematikan framework, maka komponen besar akan terus berupdate atau terus membuatnya live karena untuk OpenSoft kadang-kadang pencipta itu sudah hilang
34:50akan ditutup. Jadi itu adalah opini, karena jika kita menggunakan kode komit dari
34:59Reax, itu tidak banyak yang diupdate, dibandingkan dengan open source lainnya.
35:08Dan itu hanya opini, tapi dua sisi opini.
35:14ya, karena
35:18framework seperti itu membuat kita
35:22netral, tapi di sisi lain
35:27ya, kadang-kadang kita tidak tahu keuntungan framework,
35:31mungkin tahun depan
35:34kontribusi tidak
35:40really in the mood and yeah yeah yeah archive the the project and uh yeah so they're all busy
35:50or maybe they fight together and and maybe they fight together and they're fog to the new versions
35:57that might happen in the op like i think you you remember like one time that one frameworks or one
36:04engine that inside they fight together and someone fox to the new versions oh yeah and they like
36:14i can't remember which library but they like build uh uh apparently one day they love
36:23they like back and like shake hand again they merge everything so
36:29Bukankah itu Node.js dan IO.js?
36:35Mungkin, saya pikir itu seperti Node.js, yang mereka jahit dan mereka berkumpul kembali.
36:44Bagus mereka membuatnya, tapi saya bisa bayangkan hal-hal yang berkumpul kembali pasti sakit.
36:52Jadi, Anda menempatkan hal-hal pribadi di dalam hal teknik.
36:58Dan ya, saya pikir itu adalah batin dari proses yang berbeda, yang sangat berdikari.
37:06Hmm, ya ya ya ya. Oke.
37:10Jadi, Anda membicarakan tentang NUX. Tolong beritahu kami lebih banyak tentang proyek NUX.
37:18Oke, secara langsung, NUX adalah copy dari Nix.
37:24Jadi, pada hari pertama, Nux.js memiliki konsep yang sama dengan Nix.js, tapi untuk WJS.
37:34Dan setelah itu, Nux dan Nix.js memiliki fitur copy dan backup.
37:42dan sekarang saya pikir seperti nak memperoleh yang sama dari next.js tetapi dalam versi yang lain
37:52tapi secara pribadi saya pikir sebagian dari fitur next.js berdasarkan versi yang lain
38:01ya ya ya tapi nak tidak nak sangat berdiri di dalam komunitas itu adalah komunitas yang membuat
38:10ya dan apa yang tidak diberikan adalah cara untuk membantu the wjs seperti lebih berorganis
38:24seperti oke struktur folder yang kembali ke hal yang sama dari php seperti Anda meletakkan
38:31semuanya di folder struktur tapi ya itu mudah untuk menginjilkan jadi uh dari sekarang untuk saya jika saya
38:39memiliki kesempatan atau saya akan memulai proyek dengan naks.js lebih dari mulai dari w oke
38:46bahkan seperti saya tidak menginapkan link server silet saya menggunakan next karena ketika proyek Anda
38:52menjadi lebih besar dan lebih besar naks membantu Anda banyak uh Anda tidak perlu seperti mengimport segalanya
38:59atau jika Anda ingin mengautoload komponen Anda hanya menempatkan semuanya di folder komponen atau mereka memiliki sistem layar atau mereka memiliki jenis header atau meta tags atau conversion
39:18konvension yang tidak perlu di import oleh diri sendiri sudah disetkan di sana
39:25mereka memiliki struktur routing berdasarkan folder yang sangat mudah
39:31mereka memiliki banyak hal juga seperti uh Anda dapat menulis kode atau yang hanya mengurus server
39:41dan uh dan beberapa block kode yang hanya menggunakan klien di NUX ya yang membantu Anda untuk
39:54mudah untuk mengatur keadaan kecil pertama dan kemudian keadaan navigasi banyak ya yang
40:01seseorang menyebutkan di komentar lainnya, yang Naxx memiliki banyak magic dibandingkan dengan WJS
40:09ya sebenarnya mereka membangun banyak yang mereka miliki atau mereka memiliki folder pengurusan keadaan yang tidak perlu
40:16seperti oke saya memahami bagaimana cara mengimport atau bagaimana untuk mengintilasi atau bagaimana untuk memulai
40:24keadaan Anda hanya memasang kotak kode di dalam file dan memasangnya ke folder dan semua mereka
40:30ya yang yang nanti melakukan banyak magic yang oke untuk saya mereka menyimpan
40:37uh konversi kode atau patensi jadi karena jika Anda membiarkan tim mengimport oleh diri sendiri
40:44Saya pikir ada yang sudah menulis di komentar bahwa VUJS tidak memiliki standar yang benar
40:54dari kode. Jadi, saya akan membuat beberapa keinginan pribadi untuk menjadi magik.
41:04Oke, jika Anda ingin menggunakan state, Anda harus mengimport 1, 2, 3. Tapi, saya sudah
41:11untuk Anda, Anda hanya menempatkan oligrafi Oli pada file ini, pembawaan akan dilakukan oleh NUX, itu seperti itu
41:20itu seperti itu, jadi saya pikir NUX bagus untuk uh penggunaan yang Anda baru
41:26sebutkan seperti orang yang sudah terbiasa melihat dan perlu seperti mengembangkan untuk membuat
41:33hal yang konsisten seperti NUX membuat keputusan untuk Anda, tetapi saya memiliki pengalaman yang berbeda seperti saya
41:39Saya tidak memiliki pengetahuan yang wujud tentang Vue atau NUX, tapi saya bisa membaca template, markup, HTML, JavaScript, tidak ada masalah.
41:54suatu hari di dunia kerja, tim saya mengambil view dari jasad NUX.js dari sisi luar biasa
42:04yang tidak bisa kita hubungi, tidak bisa kita tanya, tidak ada banyak dokumentasi, hanya
42:11dengan saya seperti bagaimana cara berjalan, ya saya tahu bagaimana cara berjalan, tapi ya Tuhan, itu sangat-sangat
42:17mengganggu seseorang yang tidak memiliki pengetahuan eksistensi tentang semua itu dari mana ini datang dari
42:27saya mengerti karena bukan itu berat karena seperti Anda harus memahami bagaimana
42:32matematika berfungsi sementara matematika terjadi jadi seperti oke jika Anda tahu sesuatu seperti sesuatu
42:40called layout in the next year the way is very easy you just create one files and put on the layout
42:48that is happen but you can use the layout everywhere so if you try to call the layout
42:55in somewhere is kind of how is happen where is this layout something like that or like if you
43:08kalau kalian nama sesuatu aset usfet atau sesuatu seperti itu di next
43:14itu berarti usfet bukan aset
43:17usfet berarti jika kalian mencoba dulu usfet akan di run di server
43:22jadi jika kalian tidak memahami itu pada langkah pertama
43:26kalian tidak akan memahami bagaimana berfungsi dan pada suatu kes Anda harus menguruskan klien komponen
43:38yang tidak berfungsi di server, jadi Anda harus memahami banyak hal karena NUK mencoba
43:43membawa sesuatu yang bisa membuat kandungan lebih kreatif dan berubah ke keajaiban
43:52Tapi aku suka NUX, karena itu mengurangkan jumlah kode live,
43:59membuatnya lebih mudah dan simpel.
44:03Tapi ya, seperti yang kamu katakan, kamu harus memahami
44:06bagaimana magic terjadi.
44:09Ya, itu sukar sih, itu poin dari meta framework,
44:14untuk memberikan banyak, semuanya, dan kitchen sink,
44:19dan semua frills, semua hal yang baik.
44:22Jadi Anda tidak perlu memanuali mendapatkan semua itu sendiri.
44:28Ya, tapi saya pikir satu lagi hal tentang Vue adalah
44:32itu ada, ada selalu banyak cara seperti beberapa cara untuk melakukan sesuatu.
44:38Saya tidak tahu, mungkin saya salah seperti contoh dari wiki.
44:42Dalam beberapa kode, seperti Anda membuat komponen
44:46dengan menyebutnya kelas mungkin.
44:48Saya tidak tahu jika itu kelas atau objek global atau sesuatu yang disebut view.component.
44:53Oke.
44:56Oh.
44:58Memang seperti saat Anda membuat satu hal, Anda memiliki banyak cara untuk melakukannya.
45:05Saya tidak suka cara ini.
45:07Tapi ya, itu satu cara.
45:09that many in the view component method it's confusing for people who never use it before
45:19button click okay okay yep this is uh I think there's a day might be used I don't think this
45:29work in view 3 anymore but yes it's kind of the view 3 is have a same thing the view 3 is have
45:35Tapi hanya sintaks yang berbeda. Oke, Anda bisa menulis kelas atau Anda bisa menciptakan sesuatu yang kita
45:42panggil komponen, kita bisa menulis komponen.
45:48Untuk views, ketika Anda melakukan satu hal, Anda memiliki 10 cara untuk melakukannya.
45:56dan kamu harus memahami seperti oke apa cara yang mereka gunakan dulu sebelum
46:05sebelum mengedit kode, tapi ya itu bukan cara umum sebenarnya
46:13bukan cara umum untuk pembangunan aplikasi, tapi cara umum untuk
46:19pembangun komponen seperti orang-orang yang membangun komponen dan memberikan ke OrbitSource
46:25saya tidak yakin mengapa tetapi saya melihat banyak orang yang menggunakan komponen open source yang mereka gunakan
46:32cara ini mungkin untuk intelijen untuk selesai, itu mudah Anda tahu semua metode seperti
46:39template, komputer Anda hanya menekan ruang kontrol, ya mereka mengatakan itu dari view 2
46:49tetapi sebenarnya itu di view 3 Anda dapat menyebutkan fungsi komponen juga tetapi itu hanya
46:54different yeah different way different way hmm we also have a shareable layout you just stayed on the
47:02laws that accompanied abc layout yeah that is but like the next is like provide the magic for use
47:10already no need xeos anymore uh yeah is there for knuckles yes they provide some use fit for for you
47:21or ya and the effect or special view which they have something called you
47:30spread the use that work able in server and clients it depends on is running
47:39because when you loading the next at first time is we run on the server before they
47:47dan menyimpan javascript setelah nabungan pertama mereka nabung di frontend jadi pertama kali mereka nabung di server serve the javascript for after the first navigation they they navigate on the front end so the first time they navigate they runs uh in the server on it not that one you have to certain use fat on
48:03that is another story different one different one yep uh it's kind of magic is wrap up wraps of the
48:13the defense function yeah it's an interesting trend because all the meta frameworks now support this
48:23kind of isomorphic like isomorphic uh approach like uh now everyone agrees that we can run something
48:32on the server uh to send uh so we can send them up directly but we can also of course it can also
48:38jadi nge-access it, swellcat has it, ya, everybody has it now.
48:46ya, dan juga knack itu cukup modern, atau, saya rasa Anda tahu API wheel transition, right?
48:55mm-hmm.
48:57oh, it's only the support, yeah.
48:59oh, it's only the support, yeah, for routing, route change, like you can have movement.
49:04ya jadi, nah sudah mendukung Vue Transition API di beta
49:10kamu bisa lihat Vue Transition API
49:12Angular sudah ada, Swellkit sudah ada, Astro juga ada
49:20dan Next.js juga ada
49:24kamu bisa mencoba mencoba Vue Transition API Experimental
49:29kamu hanya butuh Experimental Vue Transition API dan selesai
49:33selesai setiap gerakan dari negara akan menjadi api realisasi yang dapat diatur
49:38hmm menarik ya tidak seperti banyak magic yang saya pikirkan semua adalah seperti banyak
49:48dari magic di belakang nax sebenarnya saya punya rencana untuk mengubah aplikasi saya ke nax.js karena pada hari pertama
49:57benar benar benar benar oh i was it's very small but it's not that small anymore and now it's getting
50:07messed up with some import that if i use knock i just copy and paste i don't need to like okay i
50:14don't need to handle like the such of thing so i didn't okay nice a little bit uh out of topic
50:25mungkin seperti saya melihat website NUX dan saya melihat beberapa website itu mengingatkan saya
50:36library CSS yang disebut Bulma. Apakah ada hubungan dengan itu?
50:40I think if you see like a lot of you see views you see like almost every library will look same right
51:01yeah yeah yeah yeah because many of them uses something called the view place you know the view
51:07no you said to be with you what will you will play our ya no no no place no place is there
51:18no i send on the chat yeah yeah
51:22for for you to the version to you know yeah it's you just write in the
51:37right in the mic markdown and you run the the generator is we change to something like this
51:45untuk menghubungkan file HTML
51:48ya, pada dasarnya mereka mengubah markdown ke HTML
51:53jadi menu yang kalian lihat di atas, dan segalanya
51:58kalian bisa tulis di markdown
52:02oh bagus, jadi ini seperti generator statik yang mudah seperti Google atau Eleventy
52:09kalian tulis di markdown, menghasilkan banyak HTML
52:15ya tapi kamu hanya menulis di markdown oke ya mereka memiliki mark you just write in the markdown
52:22or put on the folder and they will create the the navigations the buttons or everything
52:30yeah that that why a lot of the the the will uh website the will the website the will framework
52:38website look a little bit same oh but it is because they use this they use this but i think it's right
52:44sekarang nak adalah versi pertama yang menggunakan nak viewplace, saya tidak yakin, tapi sekarang mereka tidak lagi
52:50mereka membangun sendiri, tapi ya oke, saya melihat itu menarik bahwa semua library ini
52:57adalah ofisial seperti semua itu adalah bagian dari viewjs.org, bukan? viewplace ya viewplace ya
53:07Yes, we play as Nux.
53:10Nux is also official.
53:12Oh no, it's separate from UJS.
53:15Who's building this? Antonifu?
53:19Nang is Nux.
53:21Oh, Anfu.
53:23Anfu, right? One of the contributors.
53:27He's the man with the thousands of projects.
53:31Uh and 근데 istriшей
53:37PINIA
53:39Oh my god, the method is so good.
53:43Wheel Router is from Gujres Organizations.
53:49I use PINIA.
53:51You use PINIA.
53:53It's a library for stores.
53:57It's state management.
53:59Regarding that, there is one question from Aldian.
54:05dia masih bingung tentang manajemen statenya
54:09seperti redux, mungkin?
54:12hanya melihat dokumentasi, seperti
54:15menarik perspektifnya
54:18agak seperti redux
54:21mereka, mereka, will x sudah
54:24sudah di update
54:26will x dan pioneer
54:30board
54:32official from Vue, but right now if you see the VueX, the GitHub repo, they said like they already like introduce the Pioneer as a
54:48yeah that the official statement library change to the Pioneer.
54:52Oh yeah, Pioneer is now the new default.
54:55oh ya, mereka menggunakan API yang sama dari VueX5 dan lebih aktif, lebih seperti hal baru
55:06tapi kode tidak berbeda
55:08saya punya pengalaman, apakah Anda tahu mengapa mereka memutuskan untuk bergerak ke hal baru, bukan update VueX?
55:17Mereka mencoba untuk menulis dari awal, jadi mereka mencoba untuk berbagi tentang hal baru karena sebagian besar dari hal itu
55:33Mungkin dalam mindset baru, lebih sulit untuk menghapuskan hal lama dan menyesuaikan hal baru, lebih mudah untuk membuat hal baru
55:43Ya, bahkan mereka mengubah nama atau menulis semua yang baru, tapi
55:49flow yang dipergunakan bukan yang berubah.
55:53Agak sama.
55:55Untuk saya, PNR lebih simbol.
56:01Karena mereka tidak menggunakan aksi atau lainnya.
56:04Mereka menggunakan metode dan kualitas.
56:09Ya, karena saya pikir itu mindset, strukturnya berbeda karena mereka tidak menggunakan aksi yang banyak dibandingkan dengan masa lalu.
56:20Anda bisa menggunakan metode normal di dalam Pioneer, di dalam PNIR.
56:26Itu saya pikir sedikit menggoda tapi untuk proyek baru hanya gunakan PNIR Hanya gunakan PNIR untuk proyek baru ya untuk proyek lama tidak perlu menghubungkan sesuatu
56:41tapi saya suka PNIR karena
56:43memiliki banyak cara untuk
56:45melakukan data persis
56:47seperti mereka memiliki plugin untuk
56:49persis data dengan
56:51kapasitor lokal
56:53index db
56:55atau kegemaran kapasitor
56:57ketika Anda menggunakan kapasitor
56:59Anda menyebutkan sedikit tentang kapasitor. Kapasitor adalah
57:02mesin yang bisa Anda buat dengan aplikasi native dengan teknologi web normal.
57:15Jadi, tekniknya mereka hanya berjalan di dalam webview native.
57:23yang ini? ya itu, sebenarnya banyak orang tahu Ionix kan?
57:31Ionix ya, ini dari Ionix kan?
57:34iya sebenarnya Ionix adalah kombinasi antara UI dan
57:42mesin penyelidikan, tapi mesin penyelidikan Ionix adalah kapasitor
57:47ya, itu kapasitor
57:49jadi kapasitor bukan hanya membangun aplikasi mobile
57:56mereka membangun aplikasi Windows atau Electron
57:59mereka bisa membangun Electron
58:01jadi itu adalah monolepo yang bisa Anda tulis satu kode dan berjalan ke mana-mana
58:07dan juga bisa membangun PWA
58:11Kalau kamu menggunakan Compensator, kamu harus membangun UI sendiri.
58:17Tapi kalau kamu menggunakan Ionix, kamu menggunakan komponen Ionix.
58:21Tapi ya, sama. Plug-innya berbagi.
58:25Jadi, ketika kamu menggunakan Vue, PNIR,
58:30mereka memiliki plugin untuk menggunakan storage native
58:34untuk storage persisten data.
58:40Karena ketika kamu menulis native, local storage agak sedikit berat karena di aplikasi mobile, local storage tidak harus jelas.
58:52Mereka harus berjalan dengan sangat proses.
58:55Tetapi ketika kamu menulis hybrid, mereka menggunakan engine bouncer yang sangat jelas, seperti menghapus data untuk menyelamatkan ruang.
59:06Jadi kita harus menggunakan mesin lain yang kita panggil preference untuk menyelamatkan data yang tidak akan dilupakan
59:16Jadi bahkan di depan handphone tidak akan dilupakan
59:21Jadi ya, penyelesaian yang ada untuk mendukung, jadi saya suka
59:27sekarang saya cukup terganggu dengan, hidup saya bergantung kepada kapasitor dan Vue.js
59:36kapasitor dan Vue.js, oke
59:39apa kira-kira, kayak Vue.Native atau Quasar?
59:46saya tidak menggunakan Quasar, oke
59:52situasi saya sedikit berbeda
59:55Pertama, saya tidak ingin membuat aplikasi native. Saya ingin membuat aplikasi web dan PWA.
1:00:04PWA dan add to home screen, dan sebagainya.
1:00:09Tapi ketika saya mengajak orang, hey, install PWA, tidak banyak orang yang familiar dengan pengalaman installasi.
1:00:18dan saya tidak yakin ini terjadi di negara lain
1:00:21jadi banyak skam yang mengirim link
1:00:24yang meminta pesanan atau
1:00:27seseorang download aplikasi dari browser
1:00:30dan memiliki malware di dalamnya
1:00:33memiliki uang dari bank
1:00:36atau sesuatu seperti itu, jadi ketika orang
1:00:39merasa, oh saya harus install aplikasi dari
1:00:42web, itu membuat mereka
1:00:45bahwa oke, itu akan menjadi
1:00:47seperti
1:00:49membeli uang saya atau tidak
1:00:51karena orang memiliki persepsi oke jika saya menginstal aplikasi dari web tidak akan di Itu bisa menjadi bahaya Ya itu bisa menjadi bahaya Jadi itu membuat pengalaman PWA tidak begitu baik di negara kita
1:01:08Jadi, oke, saya harus mengisi semua aplikasi dan mengirim ke perusahaan.
1:01:14Itu adalah titik mulai.
1:01:15jadi oke kembali ke titik itu saya tidak memiliki waktu untuk menggunakan framework lain seperti kwasa
1:01:24atau kita perlu karena mereka sudah benar-benar di web benar-benar di dalam view normal jadi saya memutuskan untuk
1:01:32uh oke hanya copy dan paste ke proyek kapasitor dan config sedikit dan semua
1:01:39itu adalah yang terjadi untuk saya pada hari itu.
1:01:45Oh, baiklah. Ya, tapi saya mendengar banyak dari kwasas dan
1:01:50kata-kata native, tapi saya masih
1:01:55suka dengan CSS, sesuatu seperti itu yang saya cukup familiar dengan.
1:02:01Jadi menggunakan, saya pikir itu adalah masalah besar bagi saya adalah layout.
1:02:06jadi saya adalah tim yang melakukan UI CSS orang jadi
1:02:18dia tidak familiar dengan melakukan layout dalam bahasa lain jadi tidak begitu mudah untuk menggunakan layout native
1:02:28atau sesuatu seperti itu sehingga mengapa kita terus menggunakan teknologi web bukan
1:02:35sintaks ya oke dapet jadi uh uh apa teknologi back-end favorit Anda tidak hanya dengan dengan
1:02:47naks right ya jadi sekarang saya benar-benar saya adalah jas oke tapi secara spesifik saya
1:02:55menggunakan fungsi cloud untuk vip oke oke uh apakah Anda telah mencoba sesuatu seperti uh
1:03:03PSP Laravel atau tidak?
1:03:05ya ada pertanyaan di sana
1:03:07ada pertanyaan tentang Laravel
1:03:11oke, saya tidak pikir
1:03:15oke, saya tidak pikir
1:03:19sebenarnya saya melihat cara mereka menggabungkan WJS dengan Lalavo pada hari pertama
1:03:23tapi saya tidak pikir itu berhasil
1:03:25mencoba membawa server-side-lendering
1:03:29bersama dengan client-side-lendering
1:03:32dan masih tidak bisa ditarik ketika perubahan terlalu banyak, atau sesuatu seperti itu.
1:03:39Saya tidak yakin itu akan menjadi tawaran yang baik, tapi itu bagus untuk orang yang menggunakan PHP.
1:03:46Tapi ya, saya sudah berhenti menggunakan PHP selama yang lama.
1:03:55Ya, saya pikir itu bagus untuk orang yang punya kode base legacy, seperti Anda tidak bisa menulis semuanya dari awal, kan?
1:04:05Jadi Anda hanya menambahkan layer.
1:04:07Saya pikir itu adalah salah satu tujuan mengapa Anda harus menggunakan view di Lollapalooza.
1:04:21oh ya, satu lagi hal favorit saya di Vue, kita bisa menggunakan CDN
1:04:37jadi kamu baru saja load javascript
1:04:41Saya lebih suka menggunakan viewportis
1:04:47What?
1:04:49Wee...
1:04:51I will send you
1:04:55Okay, we will put this
1:04:57Viewportis
1:05:01Like VoIP
1:05:03It's kind of the view CDN
1:05:08tapi ini adalah versi yang sangat suka
1:05:21ini lebih kecil dari preact sangat kecil hanya 6K
1:05:26seperti alpine, bukan?
1:05:29alpine, ya
1:05:31jadi tidak ada proses pembuatan, tidak ada compiler
1:05:38kita192p wastingor is kbc
1:05:57iya iya iya iya itu sangat kecil jadi ini tidak banyak diupdate-update tapi ya ketika saya menggunakan proyek kecil
1:06:05itu lebih baik dari Anda Anda mengumpulkan seperti dokumen.getelement by id dengan menggunakan
1:06:13itu lebih baik dari itu lebih baik dari itu jadi Anda melakukan sesuatu seperti istrinya
1:06:20Damar bilang Pupetite dikalahin oleh Eten.js. Tapi, apakah bisa dipakai dengan CDN dengan version baru?
1:06:33Ya, saya pikir ya.
1:06:37yes yes beauty yes yes is a no build step no it's not nice yeah it's not recommend uh oh yeah
1:06:48you can use by cdn i think it's same but it is is like smaller versions of the view cdn because
1:06:56the view cdn is more more than a six kb but i think it's do the same thing do the same thing
1:07:02ya kita tidak perlu menginstal node bahkan benar ya Anda hanya menambahkan cdn dan tanda
1:07:10email ya cdn dan sml karena kadang-kadang Anda tidak perlu seperti seperti skas untuk segalanya dari
1:07:17mulut Anda hanya perlu menulis proyek kecil yang ingin fokus pada logik event
1:07:24ya, lakukan sesuatu di Click Event, itu saja, kadang-kadang
1:07:29ya
1:07:31apa pendapat Anda tentang komponen web?
1:07:35apakah Anda memiliki pengalaman?
1:07:37oh, itu waktu yang sangat lama
1:07:39saya memiliki pengalaman dengan elemen led
1:07:42saya tidak pernah menulis komponen web dari Scratch
1:07:47tapi saya menggunakan elemen led
1:07:49jadi tidak terkendali
1:07:51Saya pikir itu cukup bagus, ketika Anda memiliki banyak varian dari stak teknologi Anda, seperti di komponen yang besar yang Anda inginkan membangun komponen yang berkumpul di atas framework.
1:08:08Jadi itu sangat berguna.
1:08:12It's good in concept, but in practice, people don't really enjoy writing whole UI components with plain web components, right?
1:08:25At least we use LIT.
1:08:28I think it depends, because if you use a LIT element for creating the specific component,
1:08:36cukup berguna untuk perusahaan besar yang seperti menghasilkan seperti banyak dari framework dan banyak
1:08:43kode legasi di dalamnya uh itu itu adalah uh itu webcommenting itu akan membantu banyak
1:08:58tapi jika di perusahaan kalian hanya menggunakan satu framework seperti react atau mungkin dua
1:09:04Saya tidak yakin web component akan berfungsi karena banyak hal yang web component tidak bisa
1:09:12berfungsi seperti reaktivitas seperti manajemen stage atau sesuatu seperti itu Anda tidak bisa berbagi stage
1:09:19tetapi jika Anda memiliki sesuatu seperti komponen statis sesuatu seperti itu cukup berfungsi dengan komponen web
1:09:26ada yang bilang komponen web itu terlepas ya terlepas untuk komponen yang sangat besar
1:09:31untuk komunitas besar yang memiliki legasi di luar kota selama hampir 20 atau 30 tahun
1:09:40Jika Anda ingin membangun satu komponen yang semua orang bisa gunakan, webcompanion adalah satu pilihan.
1:09:48Browser bisa melakukan itu secara langsung.
1:09:51Anda tidak memiliki pilihan.
1:09:53Baiklah.
1:09:57Mungkin kita harus mengambil beberapa pertanyaan.
1:10:05ada ui next. itu terlihat bagus. saya pikir itu dibuat oleh the next. iya saya pikir
1:10:17cara yang nak coba untuk membuat uang. oh ya, bagus. kita baru saja bicara tentang itu minggu lalu
1:10:26when we're talking about PHP but then Laravel ecosystem so it's like they have a very huge
1:10:35open source ecosystem the core products are free of course but they provide a lot of like premium
1:10:42hosted or managed services like so they can survive it's nice that nuts has this kind of product
1:10:51like there's the free it's like tailwind UI it reminds me of tailwind UI yeah it's remind me
1:11:01of tailwind UI also but it's nice in a good way like it's professional polish and it's even better
1:11:09than they win UI because they provide the free components but if you really want a lot of you
1:11:15template seperti template dashboard atau apapun Anda dapat membayar premium ya
1:11:23apa kira-kira uh naks devtools bisa Anda beritahu saya oh saya tidak pernah menggunakan ini ya oke ini seperti
1:11:36sudah lama saya tidak menggunakan NUX pada produksi
1:11:41saya punya satu, tapi saya tidak pernah menggunakan NUX DIP juga
1:11:47ya, pada waktu itu
1:11:51ya, belum, saya tidak tahu
1:11:57oke, karena saya mendengar hal yang bagus tentang alat ini
1:12:03tools but I haven yeah we haven used it yeah I react has it react has it too right react dev tools so uh from the ya React juga punya tools tools React Dev jadi dari ya ya ya mereka punya tools Dev
1:12:22ya, dalam extension, extension chrome kan?
1:12:28ya, extension chrome, jadi kamu bisa lihat komponennya, komponen React apa itu?
1:12:33sebenarnya itu adalah view, kita memiliki hal yang sama untuk view depth 2.
1:12:39saya pikir ini adalah beast yang berbeda karena fiturnya lebih selesai
1:12:46seperti Anda dapat melihat komponen yang berjalan, Anda dapat melihat 3, lebih dalam, karena biasanya saya menggunakan view depth 2
1:12:56view depthool ya jadi you have view depthool next depthool like if you use next next depthool can give you like maybe more information about the routing like the dynamic parameter or part or something maybe because it's integrated to next the meta framework not just view
1:13:20hmm nah saya has they own the the common lies called the nuxi is it like when you I need the
1:13:32project you you use that and the will is user white with vit I'm not sure the which is with
1:13:45They use width to be the common line. It's very fast. It's quite good.
1:13:51Alright. Okay, last but not least. If let's say one me.
1:14:01We want to learn Vue.
1:14:03We want to learn Vue.
1:14:05From scratch.
1:14:07Yeah.
1:14:11So, for me, I go to the Vue.js.
1:14:15.org the official website that OPS uh I think the document is quite useful the document is is easy
1:14:26to understand you don't need to like they have a pre-guys they have everything that you already need
1:14:33Oh bagus mereka punya like IDE kayaknya kayak spell Dan juga Vue sudah ada list yang perlu di install seperti Vue Dev 2 atau sesuatu seperti itu
1:14:50itu sudah ada, Anda tidak perlu pergi ke website lainnya
1:14:54sekurang-kurangnya Vue coba menjadi simbol
1:15:00seperti yang bisa
1:15:01ya
1:15:02hmm oke ya need to go to like source place to to to understand the group but the problem is when you
1:15:11search the Google or the view 2 and view 3 is quite different like more mostly the view 2 is
1:15:19user option API but for the view 3 the people change to the compatible API so when you said
1:15:25Google is quite hard because sometimes some content is right in the past so they have like
1:15:35the tutorial something in view to in the option API is cannot use incomposable API you have to
1:15:42check first which the version of that and also some the library is like has example only for the
1:15:51juga tapi ya sudah seperti di kode sudah tersedia untuk view 3 Anda harus belajar
1:15:57sendiri itu adalah hal yang agak sulit jika Anda menggunakan view dan Anda menggunakan sebuah library yang tidak
1:16:04terkenal ya jika Anda menggunakan AI auto complete seperti copilot atau chat gpt atau
1:16:11Anda tahu google idx atau sesuatu apakah Anda akan mendapatkan hasil yang baik seperti apakah akan tercampur
1:16:17mungkin mereka akan menghasilkan kode yang berbeda karena mereka belajar dari
1:16:23materi lama dan kode baru? Saya punya pengalaman di lembaga. Saya punya pengalaman bahwa mereka mencari API opsi
1:16:31pada API komposable. Tapi saya punya pengalaman bahwa kode itu cukup akurat.
1:16:37Saya punya pengalaman baik dan buruk pada saat yang sama.
1:16:40Oke, jika penonton ingin berhubungan dengan Anda, apa media sosial yang paling Anda gunakan?
1:16:52Twitter?
1:16:56Tidak, media sosial. Twitter? Oke.
1:16:58Oke the funny things that I want to tell you is like my words are analyzed data from the
1:17:08social media I quite bored with social media actually I not poor that much you can search my name is waratwomani It my full name in every channel or you can connect me in
1:17:25yeah, I'm 22. Everywhere. You can chat me everywhere. I'm on the lead mode
1:17:32every time. Like I pay TikTok two hour or three hour a day. Every day.
1:17:39Jadi, saya menggunakan media sosial banyak, tapi saya bukan orang yang mengupload.
1:17:44Karena saya tahu semua hal yang Anda post di media sosial dapat dideteksi oleh sistem.
1:17:55Karena saya tahu cara untuk mendeteksi.
1:17:57Karena Anda bekerja dengannya.
1:18:00jadi saya sangat berhati-hati dengan posting, karena itu sangat berfungsi pada kerja saya
1:18:09tapi ya, saya selalu berada di luar negara
1:18:14Anda masih melakukan live streaming di Facebook?
1:18:19Facebook? Live Streaming?
1:18:23Ya, saya berhenti melakukannya sejak tahun lalu, tapi saya punya rencana untuk kembali lagi segera.
1:18:31Sebenarnya saya ingin kembali lagi minggu ini karena pada 2 bulan pertama saya melakukan proyek yang disebut Thailand Web Landscape.
1:18:38Sangat sibuk. Tapi ya, saya masih mencoba waktu yang baik karena biasanya saya melakukannya pada hari Tunday.
1:18:46karena saya ingin semua orang menonton sebelum mulai minggu baru
1:18:53tapi masalahnya sekarang saya agak sibuk pada malam Tuhan
1:18:57jadi saya pikir mungkin akan kembali dengan cepat
1:19:04tapi kamu menggunakan bahasa Thailand, jadi kita tidak bisa mengerti
1:19:12i use high language just on facebook or do you have a youtube channel as well on
1:19:20i say no i say no they have but not not that not that a big number i think it's follow me on the
1:19:27facebook is okay my facebook everything is uh public is fine all right so uh that's it for
1:19:35today thank you very much for coming up thank you very much thank you very much thank you lisa
1:19:41Bye bye
1:19:43Bye bye
Suka episode ini?
Langganan untuk update episode terbaru setiap Selasa malam!
Episode Terkait
29 Okt 2024
Ngborolin Svelte feat. @lihautan - Ngobrolin WEB
Yuk mari kita diskusi dan ngobrol ngalor-ngidul tentang dunia web. Agar tetap up-to-date dengan teknologi web terkini. ...
26 Agu 2024
Ngobrolin Google I⧸O Connect China 2024! #WPUCAST x #NgobrolinWEB
Ngobrol-ngobrol bareng t GDE Web Indonesia mengenai acara Google I/O Connect 2024, yang diselenggarakan di Beijing, Chin...
17 Des 2024
Ngobrolin Desktop App - Ngobrolin WEB
Yuk mari kita diskusi dan ngobrol ngalor-ngidul tentang dunia web. Agar tetap up-to-date dengan teknologi web terkini. ...