Ngobrolin ViteConf
Ringkasan Episode
Bantu KoreksiEpisode ini membahas ViteConf 2024, sebuah konferensi yang menghadirkan ekosistem Vite dan berbagai tools pengembangan web modern. Topik utama meliputi pengumuman pendanaan Void Zero oleh Evan You (pencipta Vite), hadirnya toolchain baru yang lebih cepat seperti OXC dan Rolldown, serta pembahasan tentang Tutorial Kit dari StackBlitz untuk membuat tutorial interaktif. Episode juga menyentuh fenomena "Everything Written in Rust" di dunia JavaScript tooling serta perbandingan antara berbagai bundler dan linter modern.
Poin-poin Utama
- •ViteConf 2024 menghadirkan ekosistem Vite yang terus berkembang dengan adopsi yang sangat cepat, mencapai 5 juta unduhan mingguan di npm
- •Evan You mengumumkan pendanaan seed untuk Void Zero, perusahaan baru yang akan mengembangkan toolchain unified termasuk Vite, Vitest, Rolldown, dan OXC
- •OXC adalah toolchain JavaScript berbasis Rust yang diklaim 3-100x lebih cepat dari SWC dan ESLint, mencakup parser, transformer, linter, dan bundler
- •Rolldown adalah bundler baru berbasis Rust yang kompatibel dengan Rollup API, dirancang untuk menggabungkan kelebihan ESBuild dan Rollup dalam satu tool
- •Tutorial Kit dari StackBlitz memungkinkan pembuatan tutorial interaktif dengan mudah, terinspirasi dari tutorial Svelte yang dibuat oleh Rich Harris
- •Tren "Everything Written in Rust" semakin kuat di ekosistem JavaScript, menggantikan tools berbasis Node.js yang lebih lambat
- •Diskusi juga menyentuh konferensi lain seperti JavaScript Bangkok dan IDSW.DEV di Jakarta yang akan diadakan tanggal 16-17
Wih...
kaget kan?
Boleh, boleh, boleh
Gimana kabarnya?
Itu kalau nggak salah sound card baru ya?
Ah sound card?
Bukan soundboard baru kemarin kan?
Sebelumnya kan soundboardnya kan software
Jadi kita kemarin beli 6 pad yang bluetooth
Beli 6 pad yang bluetooth
Terus ditempel pakai sticker
Jadi sekarang soundboardnya itu hardware
Ini versi murah dari stream deck
Dari stream deck ya
Insinya sama ya
Itu enak navigasinya
Dibandingkan software
Kalau software harus mouse dulu
Terus di click
Jadi mudah-mudahan
Kayaknya lebih kuaskan kalau
Mencetombol untuk rasanya lain
Iya bener, bener
Ada rasa yang berbeda
Nanti kebanyakan menekan tombol
Apa kabar, apa kabar semua?
Apa kabar semua?
Udah berapa skor?
Loh!
Tadi gak siapin materi buat co ini
Lihat transkrip lengkap (2224 segmen lagi)
Sama sekali gara-gara nonton bola
Aduh
Aplon apa sih sebenarnya?
Aplon China
RRK
Di Indonesia
Di kandang siapa?
Di Tiongkok
Ini yang katanya stadionnya sengaja
Dibikin jauh itu
Gak tahu
Oh stadion itu ya burung ya, sangkar burung ya
Stadion sangkar burung
Kan ada beritanya
Karena katanya China takut Indonesia
Sengaja stadionnya dibikin jauh banget
Sehingga bikin capek gitu
Iya
Emang jalan kaki
Gak maksim sih
Gak maksim sih
Kuriannya sih penyelasan yang mungkin maksim
Kayak di tengah kota, mana dia
Spaceboat stadion ya bikin macet juga
Nggak, nggak, ada beberapa negara
Yang sengaja kayak Bolivia
Bolivia itu kan
Apa, negaranya dipegunungan
Jadi dia mencari
Ya, dia mencari
Lapangan bola di paling atas
Sehingga
Nyirup udara aja tuh susah
Kemuin mereka udah terbiasa
Keluar lapangan
Bolanya bisa jauh kalau
Di stadion keluar lapangan
Iya, nanti seru ngambil gede ya
Terus nggak ada bola lagi gitu
Nanti diambil
Awa sedih
Nggak bisa konsen
Nggak perlu konsen mikirin
Untuk hari ini
Oke, walaupun nggak bisa konsen
Kita tetap harus live ya
Tetap kita
Karena selasa malam kan
Udah waktunya kita untuk
Ngurolinweb
Ada nggak?
Gak ada
Itu di program sendiri Mas Riza?
Iya, jadi pakai shortcut
Nggak, nggak, ini kan numpad biasa
Numpad kalau misalkan keyboard yang ada
Number itu kan
Di remap ke key
Yang lain, abis itu baru
Disambungkan ke
Soundboard
Biasanya buat main
Ada yang buat main game gitu juga kan ya
Buat gantinya arrow gitu
Iya
Soalnya kalau streamdeck mahal
Kalau streamdeck itu dia programmable kan
Ini dipake sama
Linking pack itu nggak sih?
Bukan lah
Itu apa namanya ya?
Itu kayak drum machine
Bukan ya?
Linking pack itu kan dia bentunya
Kotak gitu juga
Drum machine ya
Wah ini sepi nih
Nggak ada yang nonton, orang pada nonton bola kali ya
Iya
Aku pada nonton bola, tapi kan
The show must go on
The show must go on
Jadi malam hari ini rencananya
Kita mau ngombo-rolin tentang
Sebuah conference
Vite
Vite kan kita pernah
Bahas
Sampai apa?
Di website mereka ada petunjuk cara
Bacanya Vite, bahasa fransis untuk
Cepat
Sebenernya salah satu show pertama kita
Bahas sweet conf juga kan ya
Apa nih?
Awal-awal ya
Dan itu salah satu-satu pertama
Enggak pertama sih
Ya maksudnya awal-awal
Banget ya
Tapi menarik ya
Maksudnya Vite ini kan yang pertama baru
Yang kedua
Mungkin yang setara
Misalkan Vite ini kan
Webpack, terus apalagi
Snowpack, eh snowpack udah gak ada ya
Gulp
Apa lagi yang ada?
Oh turbo pack
Tapi turbo pack kan produknya Versel kan
Jadi dia nebeng di conference-nya
Versel
Apa lagi yang independen ya?
Roll up, roll up udah join sini juga
Masuk ekosistemnya
Vite, ya emang ini
Berarti kayak apa itu
Udah assemble lah semua
Uniknya
Sebuah bundler atau tools
Bisa bikin conference
D&D mempersatukan
Semua kayak ekosistem
Web/Javascript
Yang fragmented banget
Gue inget kan kita bahas
Tahun lalu yang apa sih tau apa
Yang punya logonya, kayak logo framework
Logo library
Tooling, banyak banget kayak dijadikan satu
Itu semua
Ternyata terhubung melalui Vite
Itu tahun lalu
Ada grafiknya
Itu karena Vite-nya juga terbuka kan
Awalnya memang dia dikembangkan oleh
Ekosistemnya VLJS kan
Terus dia
Bisa
Bisa dipakai untuk
Berbagai framework, salah satunya React
Yang kehilangan Create React
App akhirnya bisa digantikan oleh
Vite, ya kan
Dan itu sebetulnya
Mengembangkan bikin
Vite sendiri tambah besar
Dengan dia reach out ke
Ekosistem yang lebih luas
Dia juga kan jadi banyak dipakai kan
Bundler itu tanpa ada yang pakai
Gak
Kita gak mungkin ngapa-ngapain sendiri
Harus banyak yang pakai
Tapi adoption Vite itu termasuk yang tercepat loh
Tercepat, sangat-sangat
Karena masuk nih semua tuh
Di itu kita kan, yang kemarin di
State of JS itu kan
Vite itu cepet juga loh
Vite dan Vites
Sama
Itu juga, Vites itu juga
Berkembang gara-gara Vite juga ya
Salah satunya ya
Dan kemudian apa, ada yang bikin
UnJS ya, UNJS itu
Dan
Berkembang banyak ya
Cuman ya menarik aja, maksudnya biasanya kan
Framework bikin conference
Atau bahasa bikin conference
View conference ada ya
VJS conference
Gatau
Ada gak sih?
Ada dong ya yang ada
Ada tapi
Ada tapi regional
Jadi kayak, ini nih hasil nge-search
Ada view conference US, Toronto
Cuma liatnya gak bisa
Sembarangan ya, kayak mungkin harus
Ijin atau apa, sistemnya gimana
Tapi ya itu apa, regional
Jadi
Sebenernya apa sih
Itu
Vite conference itu sebenernya apa
Dan kontennya apa
Ya
Sebenernya kayak
JavaScript conference aja sih ya
Bener gak sih
JavaScript ecosystem, itu sebenernya
Gambaran yang bagus
Di link yang StackBlitz
Itu deh
Ini StackBlitz ini salah satu
Sponsor utama ya
Salah satu apa, sponsor utama aja
Gak pake salah satu, emang salah satunya
Gatau, ada berapa
Pokoknya dari dua emang paling
Paling gini
Ya, lumayan sering jualan dia
Ya, karena emang
Dia juga bergantung sama
Webcontainer blablabla kan
Ponya bergantung sama
Vite banget, jadi kayak beneran semua sih
Biosis, mutualisme sih
StackBlitz ini cuma untuk webcontainer doang kan ya
Ada ini lain gak sih dia
Ada service lain gak sih
Code sandbox, dia punya code sandbox
Ya, maksudnya cuma code sandbox aja
Jadi gak ada kayak
Berarti cuma developer tool aja ya
Kayaknya ya
Ya, produk utamanya itu
Ya standard lah ada AI-nya
Ada apanya
Cuma nih, si StackBlitz harus
Hati-hati, dia harus kontribusi ke kode juga
Nanti takutnya
Itu untuk sama
Harus minta kontribusi
Gak boleh sponsor doang
Nah, StackBlitz udah
Untungnya apa lah
Kena 8 persen nanti ya
8 persen
Dikejar nanti 8 persen, minta
Keuntungan
Jangan lah, jangan drama yang
Jangan drama yang kayak gitu lagi
Vite itu milestone-nya
Pencapaian si Vite
Sejak 2020
Ketika si siapa itu
FMU katanya gak bisa tidur ya
Punya ide, terus bikin Vite
Itu awalnya ya
Dia bangun Vite
Gara-gara ada IS Build
Yang sudah bisa native gitu kan
Akhirnya dibikin Vite supaya
Meringankan
Ya awalnya memang buat view
Karena
Browser sudah bisa mendukung IS Build
Kenapa saya harus bikin Common JS lagi
Betul, itu dia
Itu kuncinya disitu
Dan sekarang sudah dipakai di
Banyak
Open Source Framework seperti
Nuke, Spellkit, Solid Start, Remix
Redwood, Quick City, Markoran
Astro,
React, gak bisa boot
Ya gak, ini kan meta
Framework-nya
Kan maksudnya orang pakai React
Bisa, orang pakai React pakai Remix
Ya maksudnya kelihatan
Yang lainnya
Saya pakai Remix, Redwood
Juga pakainya React, Astro
Juga kalau mau bisa pakai React
Cuma Next aja
Yang gak pakai berarti ya
Karena mereka punya produk sendiri
Produk sendiri, adopsinya tinggi banget ya itu
Karena maksudnya mau kita pakai
UI Framework atau UI
Library apapun, meta Framework apapun
Besar kemungkinannya ketemu
Sama si Vite ini
Storybook juga pakai
Vite, bukannya Storybook itu
Muncul sebelum Vite ya
Tadinya gak pad, terus kan lambat
Oh pindah dia
Terus kelihatannya
Ini versi yang major 1
Sebelum ini deh pokoknya
Itu masih yang defaultnya Webpack
Bisa opt-in ke Vite pakai Flag
Mulai versi major yang
Sekarang, sekarang itu berapa lupa?
7 atau 8 ya
By default kayaknya Vite
Tadi liat ya
Weekly downloadnya udah berapa?
Di mana?
Atas?
5 million
13 million NPM
And 5 million dependent
Repository
Hampir 1000 kontribusi
Repository-nya aja 5M
Yang depend on Vite ya
Jadi kalo orang install atau ngasur dari
Repo itu, otomatis bakal jadi
Pengguna Vite juga
Sudah ada 450 release
5 major
Version upgrade
Di sini kita bisa liat
Speakernya
Tentunya ada bapaknya
Si Ivan Yu
Dia keynote
Opening keynote
Ada Rich Harris, ada Giseline
Rian Karniato
Yang suka bikin FOMO
Siapa lagi?
Antoni Fu
Yang suka bikin framework
Nah satu kontributor
Yang lumayan besar juga ya
Siapa lagi yang kenal ya?
Ini Mc Douglas
Pernah dengar
Yang hobi ribut itu ya
Masa?
Dia hobi ribut ya?
Bukan, sorry mas Mark
Yang Meraga
Yang Meraga itu orang Indonesia tuh
Di mana?
Yang Meraga itu dari Bandung
Yang Meraga itu dari Bandung
Gak lucu dong jadinya kan
Gak ada yang kenal lagi
Iya
Mas Kucing itu juga
Mas Kucing
Matias
KP Litu
Itu banget pokoknya
Kalau maintainer
Dia pemimpin maintainer atau apa
Maintainer iya, di discord iya
Punya orang nanya-nanya, orang bikin issue
Atau apa lukusannya sama dia
Terus, inget banget sih
Gue nonton live kan
Ngikutin live dari discord yang pas tahun lalu
Pas dia muncul
Orang biasa, mas-mas biasa
Cuma orang pada komentar
Bukan Kucing itu
Pasti refleksi, karena dia
Copicnya gitu di mana-mana
Terus begitu muncul
Ya baru
Kalau acara kayak gini ya
Orang cuman liat mukanya kalau acara
Acara-acara kayak gini
Terus gue emang dalam hati
Aneh juga liat dia sebagai manusia
Kayaknya udah terlalu top of mind
Liat dia sebagai Kucing
Terus di komentar juga pada bilang gitu
Aneh banget, liat mukanya
Kalau Kucing beneran, terus dia ngomong
Kabur semuanya
Bubar
Lebih aneh lagi sih
Karena udah top of mind
Oke, wah
Seru ya
Apa yang bisa di highlight dari
Semua lukunya ya
Dari
Konkres ini
Ini UNJS
Ini Vitesse
Ini Tauri
Ini Playwright
Ini Marco
Ini Analog Remix
Ruby
Ada roll up, ada roll down
Ini roll up
Ini Ruby
Mana Ruby
Ini Redwood
Ini
Sebelahnya
Itu Ruby
Bukan Ruby Wonders kan
Ruby doang
Eh, kok gak bisa di klik
Diklik
Maksudnya dia pop up
Ruby
Ruby apa ini
Eh, di klik udah gitu aja
Nggak ngapa-ngapain
Ruby invites you to feed conf
Cuman ganti title doang
Dia ganti
Title doang
Laravel
Mengenya ada
Kayak gitu
Ini Ruby juga tadi kali tulisannya
Laravel juga pake itu kan ya
Oh iya
Ruby on Rails itu pakenya Vitesse
Sekarang
Bagaimana bandelernya
Kalau dulu WPEG
Laravel juga kan tadinya Laravel
Laravel Mix kan yang apa
Official dari Laravelnya buat
Memproses Static Assets
CSS, JS, Laravel Mix
Itu tadinya pake WPEG
Sekarang berarti udah pindah ke WIT ya
Ini apa?
OSC, banyak ya
Banyak nama baru yang asing
Bikin fumo banget asli
Tadi liat ini sekilas, terus tadi
Ada React
Iya, tadi React gak disebut karena
Meta framework ya
Kalau Next
Gak ada sini
Gak ada
Kan musuh
Eh, musuhan, kan kompetitor
Roll down, ini roll down
Roll down, ada roll up
Ada roll down, di tengah-tengahnya Vite
Biar gak berantem
Itu yang jangkar apa sih?
Yang sampingnya view
Yang jangkar apa sih?
Yang jangkar apa sih?
Yang jangkar apa sih?
Oh itu OXC tadi
Oh itu OXC tadi
Apa lagi ini OXC?
Gak tau, makanya bikin fumo kan
Semua ada kecuali Next
Ya betul
Ya ampun ada juga yang nonton
Akhirnya damar
Yay, ada yang nonton
Pencet itu dong, clap clap clap
Bentar bentar bentar
Lo bet
Ada yang nonton
Ada yang nonton, ada 10 orang
Tapi yang komen baru damar ya
Selamat datang, selamat datang
Apa yang menarik?
Ini saya sebenernya bertanya
Karena
Tepat sebelum Vidcon
Itu kan sempat ada announcement
Bahwa si Ivan Yu
Dapat funding
Jadi dia bikin company
Terus dia dapat funding kan
Iya kan
Apakah itu di announce di keynotenya
Atau engga?
Nama perusahaannya
Nama perusahaannya apa ya?
Vekon
Jadi sebelum
Vekon, PTV Sejahtera
Jadi
Sebelumnya dia itu
Independen ya
Iya
Iya ada 0-0 nya kan
Void 0
Void 0
Kirain V0
Yang punya Next
Ya Void 0
Kita ini apa sistem JavaScript bikin nama mirip semua
Ada Next, ada Next
Tadinya mungkin dia mau bikin
V0, tapi udah diambil kali
Makanya dia
Udah pake Void
Tiba-tiba jadi
Jadi rame yang nonton
Jangan-jangan bolanya udah selesai ya?
Belum
Tapi masih 0-2
Ini sambil buka score sih
Buka score cuma gak sambil nonton
Ya, jadi kan
Ivan Yu keynote
Apakah dia announce? Kayaknya iya ya
Kayaknya dia announce ya
Terus tadi-tadi itu berusaha cari artikel kisi-kisi
Gak ada yang bikin artikelnya
Karena masih relatif baru apa ya
Tadi coba cari keywordnya
Vekon
Void 0 ya
Iya
Karena
Ini gak tau ya gimana prosesnya
Yang pasti kan
Tadinya kan Ivan Yu independent
Dia didanai
Atau digaji oleh
Patreon kan
Platformnya nama Patreon
Jadi tiap bulan dia dapat dari orang-orang yang menggunakan
View atau feed
Atau yang apresiasi lah
Nah
Tiba-tiba ada
Ada announcement
Dia bikin perusahaan dan sudah difunding
Oleh
Oleh
Apa?
Investor
Yang juga melakukan funding
Terhadap Versel dan Laravel
Namanya Axel
Kaget juga gitu
Mungkin dia prose kali ya
Eh lu bikin perusahaan deh nanti kita funding gitu ya
Gitu kali ya
Mungkin coba buka artikelnya
Wait-wait-wait
Dari tadi gak ada yang perhatikan
Puzzle itu ya
Keren ya
Itu pake
Kita bisa muter-muter
3D
W-A-S-D, persif
Itu kan ada petunjuk
Oh wow
Atau kita bisa
Ngedit source code-nya
Source code-nya tuh kanan bisa diklik
Ke Blitz
Itu gak ada stack Blitz
Itu sekalian demo stack Blitz juga kan
Sekalian promo twitternya stack Blitz
Dan di salah satu talk-nya
Kayak ada lighting talk-nya
Ngebahas itu
Wow
Gramit view
Bisa nanti warna yang lain
Bisa disolve pake code
Ini misalnya
Iya
Solvingnya pake code ya
Solve.js ini ya
Keren sih
Ini pake 3DS bukan ya
Dan smooth ya
Luar biasa ya
Nah ini ya
Eh bukan
Cuma itu
Kayak scroll
Scroll ke bawah aja
Ada next chapter
Jadi ada 4
Tools yang
Di bawahnya si
Product-nya ya
Yang diampu
Iya
OXC ini kalo gak salah
Ada gak disini
Ada VT
Point Zero di acquired sama
Itu tadi
Bukan acquired, di funding
Oh di funding
Terus ada VTest, ada roll down
Untuk bundler, dan juga OXK
And just full-chain
Ini nge-present-nya bagus ya
Winter dan juga
Prettier ya
Ini itu kayak stack-nya itu loh
Tadi stack-nya di grafiknya di kanan
Itu keren itu
OXC itu paling bawah
Roll down itu atas
Short by
Github stars
Enggak kan
OXC itu
Workflow
Jadi
Lucu ya
Niat ya bikin website
Ini niat bikin website
Beneran
Terus dari apa ya artistik
Itu orang-orang bisa gitu gimana sih jadi kayak dari ide
Kalo kita kan biasanya mikir in terms of
Code atau infra atau apa
Ini kayak bisa di express visually
Terus copy text-nya juga bisa
Enak singkat
Gak terlalu bertele-tele ala AI
Tapi kita langsung jelas kayak VTest
Next Generation Test Radar
Roll down the fastest JavaScript bundler
OXC
Fastest JavaScript language toolchain
Branding-nya kecepatan kan
Karena fit sendiri kan artinya cepat
Jadi dia kayak pokoknya semua
Fastest
Gak tau ya
Entah perasaan doang atau gimana
Soalnya yang berhubungan dengan view
Dan ekosistemnya itu
Desain-nya bagus-bagus
Berbeda kan
Orang-orangnya gak kayak gue
Biasanya kalo gue kan liat design
Approval design, wah ini susah ini
Gak. Ini jelek nih
Performanya ganti
Ini aja kan kekinian banget kan
Alah-alah
Sekarang sih, yang dulu kan dia
Yang gini kan
Nah dulu awal-awal kan dia
Kayak gini-gini
Ini aja udah berbeda gitu
Bukan apa ya
Ini buat developer
Tapi desainnya itu
Proper gitu
Biasanya kan kalo developer biasanya
Nah gitu ya
Nah kalo ini
Bagusnya bukan cuman estetik aja
Tapi kayak fungsional ngejelasin
Itu apa gitu, kayak bisa
Ngejelasin stack produknya
Dengan baik
Oh berarti
Yang kreator-kreatornya juga di
Akwisisi ya
Di apa namanya?
Di hire buat ngerjain
Product itu
Oh Antoni Fu gak masuk ya?
Iya ya
Lagi itu kali
Lagi interview
Sama user
Lagi process hiring
Ya padahal udah bikin tools banyak
Tapi tetep harus lead code
Harus lead code
GitHub handle-nya keren tuh
I wanna be that guy
Yang mana?
Oh ini
Roll down core team
Oh
Ini emang khusus buat core teamnya
Masing-masing library itu tadi
Tapi udah bukain beberapa
Ayo silahkan yang mojokin
Eh enggak, tapi we are currently
Not hiring for any particular
Roles, cuma kalo mau
Ngobrol-ngobrol boleh, tapi gak dijamin
Hire karena enggak
Gak lagi
Buka, role tertentu
Oh iya, Antoni Fu kayaknya dia lebih fokus ke NUX ya
Mungkin dia
NUX Lab itu
Corporate juga
Kayak Telwin
Labs
Mungkin yang ada labs-labsnya mungkin ya
Terusan
Crafting
We are
Open source enthusiast and committed to making
Ya mungkin perusahaan yang mau maintain
NUX
Bisa jadi sih
Tapi bagus juga
Ada bagusnya juga semua
Jadi kayak tetep
Kesentuh kapitalisme
Beratnya daripada
Soalnya kalo cuma pure
Apa ya beneran
Cuma independent open source
Sustainability-nya juga
Ya kan
Lebih sulit diprediksi
Jadi diimbangin
Diimbangin sama
Corporate
Sama kapitalisme
Monetisasi
Monetisasi bukan kapitalisme
Lab kan perusahaan itu
Menginjek
Duit
Kapital, modal
Mari kita lihat
Daftar acaranya
Oke
Pertama
Welcome kick off
Keynote, ini kan pembukanya ya
Void zero, oh ini logonya
Iya kan zero
Void kan kurung
Void zero
Kemudian OSC dan roll down
The evolution of roll up
Roll up ini bundler juga kan
Roll down itu apa?
Nanti kita lihat
Coba kita cari
Roll down
Roll down itu katanya bundler
Roll up
Roll down, roll up
Bundler written in RAS apa
Dia kayak roll up
Tapi di rewrite ke RAS
Bisa gitu ya
Coba klik
Tadi deh balik ke itu
Replay
Ini ada nih, roll up in RAS
Oh ini udah lama ya
Nah bener kan
Jadi ada yang nanya
Ada roll up gak yang versi RAS
Biar cepet
Dan si "I wanna be that guy" bilang
"Udah ada nih"
Tuh kan ada si kucingnya
Tuh kan yang reply
Jadi bener
Ini versi fast
RAS bundler
For JavaScript TypeScript
With roll up compatible API
Jadi drop in replacement ya
Orang yang tadinya pake roll up
Kodenya bisa dipake
Benar benar
Berarti benar ya
Everything rusty at the end
Tapi roll up nya masih
Masih ber evolusi nih
Scroll ke atas deh
Oh ya
Kalau temen-temen mau nonton nanti
Setelah acara ini
Bisa nonton disini ya
Vidconv.org/24/reply
Oke lanjut
Kok di bottomnya
Gak ada sidebar nya ya
Coba buka dari link itu deh
Dibawah
Dibawah?
Dari yang bawah?
Enggak, harus coba click
Dari link yang dicat
Harusnya ada link ke
Kayak mau saya
Ada bottom sidebar gitu
Itu ada link-link ke
Gini
Tuh liat dibawah
Itu kan keynote, vid, blablabla
Terus apa?
Di sebelah kanan
Kalau mau live coding
Ngikutin talk nya bisa
Terus
Itu sih ngebuka
Stacklist doang
Sambil gausah nge set up
Install apapun bisa langsung nyoba
Nah itu learn more
Kayak memikirkan
Konsepnya ini keren lah ya
Semuanya bisa kaya
Walaupun online ya tetap bisa interaksi ya
Wow
Learn more deh
Button learn more yang kanan bawah
Ada dokumentasinya
Ya bukain
Oh jadi keliatan ya dia bicarain apa ya
Kita kalau ngebahas
Gini bisa
Coba deh buka yang announcing vidzero
Yang tadi atau bukan itu link
Ini yang tadi
Oh bukan
Oh dia yang
Mendirikan ya
Ya
Ya ga tau ya di belakang layarnya apakah dia
Di approach sama Axel
Ya seed funding nya dari Axel
Tapi yang sebagai
Official founder nya
Yang memimpin berarti si
Mas Evan
Mas Evan
Jadi dia sebenarnya
Ngambil gaji sendiri
Dong berarti ya dari funding itu ya
Apakah dia masih di gaji oleh Patreon
Atau engga? Kalo masih ya mungkin dia akan
Lanjut ya disini dia ga ngambil gaji kali
Dia ngambil
Itu aja apa namanya
Saham
Posisi sebagai
Pengambil keputusan
Ga tau deh
15 tahun lalu
Blablabla
Coba deh baca yang tadi dong
Yang announcing vidzero
Oh yang tadi belum selesai
Belum
Oh bukan ini
Bukan salah-salah
Announcing
Nah
Soalnya penjelasannya
Blablabla terus akhirnya
Terus lanjut
The ecosystem has
Always been fragmented
Every application relies on a myriad
Of third party dependencies
And configuring them work well together
Remains one of the most daunting task
In development side
Ini salah satu vision nya dia ya
Engga masalah yang dia hadapi
Iya maksudnya dia ingin
Menyelesaikan itu kan
Makanya dia bikin feed
Dia bikin feed test dan lain-lain kan
Itu masalah di konfigurasi
Karena tadinya dia bikin view
Terus dia sambil meresert
Every layer of javascript
Tooling stack
Ada orang gini ya
Yang banget
The goal was always to give end user
A cohesive out of the box
Development experience
Akhirnya
Berujung pada jualnya feed
Tahun 2024
Kemudian fit menjadi salah satu
Will tool yang paling populer
Terusnya
Terus ke bawah
Terus ini soal
Spill, roll down
Feed masih bergantung
Pada banyak dependencies
Battle neck
Karena
Kalau roll down itu kan mereka adopsi
Roll up itu kan mereka adopsi
Dari yang sudah ada mereka pakai
Feedconf itu kan pakai roll
Upconf belakangnya kan
Sebenarnya kan
Berarti mereka bikin roll down
Untuk
Supaya lebih cepat karena
Ras kan
Yang disesuaikan
Kebutuhan feed
Tapi masih compatible dengan roll up
Ya
Biar adopsinya gampang
Berarti bentar lagi roll up
Bakal dipeluarin
Dari
Depensinya feed
Mungkin
Terus dia menyadari
Tantangan yang dihadapi feed itu
Sebetulnya cerminan dari
Ecosistem JavaScript
Secara umum
Fragmentation
Fragmentation
Tidak compatible
Tidak efisien
Untuk mengubah itu
Dia misinya membuat
Satu toolchain yang unified
Complete
Unified performanya baik
Composable
Runtime nya
Gak bergantung ke
Runtime mana pun
PC yang sangat ambisius
Berarti
Kalau dia sudah bikin company
Seperti ini dan tidak ada view
Disana kan company nya kan
Bukan layer
Frontend
Frontend web app nya kan
Ini kan web tools kan
Web tools
Tapi VT kan termasuk ya
Ya iya kan rolling ya
Termasuk, termasuk kan tadi yang di stack
VT masuk ke company nya
Tapi si itu yang
Maintain VT kok gak include
Di dalam Void Zero
Tentu semua
Bisa di hiring
Juga kan
Atau mungkin sebetulnya
Kayak sebenernya
Mereka kerja kayak mungkin
Dibayar sebagai konsultan
Atau apa
Biar halaman itu nya gak penuh, gak tau ya
Ini juga
Menarik nih
Seed funding nya
Memang di led by
Excel, tapi ada beberapa yang lain
Kayak dari StackBlitz
Supabase
Ini kayaknya orang-orang yang investasi juga ke
StackBlitz, Supabase
Sentry, Netify
Nukeslab bahkan
Ya kan kalo Nukeslab masuk
Pakal banget bagian dari ekosistem itu kan
Eh si Preston Warner itu
Bukannya si mas Redwood dan
Github itu ya
Cuma dia bikin perusahaan
Atau apa
Ya gak sih namanya
Oh iya ini
Preston Warner Venture
Kayak bikin Github langsung punya venture sendiri dong
Jangan kan itu
Yang bikin resen aja resen tau gak
Yang
Transsectional email
Ini dia
Indie Hacker lho, satu orang gitu
Dari satu orang jadi bikin perusahaan, terus sekarang dia udah jadi
Investor, luar biasa ya
Dalam waktu singkat
Karir path untuk
Programmer tuh begitu, developer tuh begitu
Bikin tools
Bikin web app
Kayak laku, besar, gede, jual
Jadi investor, itu karir pathnya tuh
Begitu memang
Tapi emang si tim Preston Warner
Itu emang kayak gitu sih
Cuma kayaknya misalnya kalo
Dia investnya gak pinter
Kan sebenernya duitnya bakal abis juga ya
Cuma kayaknya dia bisa membuat itu
Sustainable
No, ini progressnya
Sejauh ini
Dia, mereka sudah membuat
Yang tercepat
Dan spek compliant JavaScript parser
OXC parser
Tiga kali lebih cepat
Dari SWC
Not just compatible server
Jadi mereka mengklaim
Faster langsung gak
Sambil ngeling ke benchmark ya
Masa nya bagus cara dia present
Type script JSX transformer
Lebih empat kali dari SWC
Kita pernah bahas SWC kan ya
Pernah kita bahas SWC
Kayaknya pernah
Linter
Ada linter
Seratus kali lebih cepat dari
ASLin
Wow
Seratus kali loh
Bede banget
Styling gak
Faster bundler
On top of OXC
Faster than ES build
And all other
As bundler
Ini bakal
Fender log in gak sih C
Sekali pakai mereka
Belum ada cloud nya
Belum perversal kan
Tapi kalo sudah ini maksudnya sudah pakai
Ecosistem ini ya
Terus pakai ekosistem ini kan
Ya sama
Di ASLin juga begitu
Sama
Cuma kira-kira
Ini kan dia udah di funding
Artinya kalo udah ada investor
Berarti pasti mereka ada
Harapan untuk monetisasi kan
Atau tidak selalu
Tergantung terms nya kali ya
Gak ngerti
Ini kan si bisnis ya
Berarti monetisasi pun
Gak mungkin dari si keempat tools tadi kan
Mungkin mereka bakal bikin
Hosted service atau cloud service
Atau semacamnya kan
Kalaupun monetisasi
Kayaknya si aranya kesana
Kan gak mungkin yang dijual si
Feed nya
Hosted service itu
8%
Ke void 0
8% lagi
Hosting
Dari feed langsung
Hosting gitu
Feed run deploy langsung ke hosting
Entah apapun framework nya
Jadi kayak heroku
Iya
Gak taulah
Kita terlalu fokus kepada void 0 ya
Kalaupun monetisasi
Misalnya kerja sama
Sama stack leads yang emang udah punya
Project kayak gitu
Stack leads juga ada yang kayak premium
Atau semacamnya yang buat organisasi
Paling kayak gitu sih
Monetisasi kan punya hosted service
Gak mungkin tooling nya sendiri
Nah ini bener nih kata Damar nih
Kayaknya Ivan Yu kekeh
Kalau view tetap indie
Disini ada jawabannya nih
Oh
Independent project
Jadi
Fenderlog ini adalah dalam bentuk view
View nya akan menjadi
Akan selalu menjadi first class support
Tapi arti cuma first class support loh
Tapi bukan berarti
Tulus-tulus ini gak bisa support
Tidak di prioritas kan
Prioritas nya tetap view kan awalnya
Jadi misalkan kayak feed juga awalnya kan
Cuma support view
Terus kemudian ke yang lain
Jadi emang ya karena dia
Berkembangnya di komunitas
Di ekosistemnya view ya
Wajar dong gitu ya
Secepat apapun Ivan Yu buat
JQuery masih tetap banyak digunakan
Karena WP, tapi WP nya sekarang lagi
Lagi berantem
Lagi gonjeng-ganjing
Gak apa-apa yang kayak gitu-gitu
Gak bakal mati udah
Tapi justru jadi WP terkenal ya
Terkenal karena kontroversi
Kalau gak digituin
Kapan lagi prime agent ngomongin
WordPress, kapan lagi
Theo ngomongin
WordPress
Cuma emang kayak gitu kan
Kalau banyak yang ngeributin
Mau sentimen positif atau negatif
Itu sebetulnya tendanya
Negatif lebih cepet nyebarnya
Daripada positif loh
Betul, betul
Somehow
People love drama
Bad publication is a publication
Oh positif gak ada yang dibahas juga sih
Bosan
Lanjut, itu OXC
Kenapa OXC?
Kenapa gak SWC aja?
Sebagai tim member
Oh sebenernya mereka kontributor
SWC juga
Tapi emang secara desain
Berbeda
Dikustom banget buat
Misimulasi
Mas Evan tadi ini ya
Kayak idealis banget
Yang kayak cepat
Unified, gak fragmented
Blah-blah-blah
Jadi harus bikin dari awal lagi
Kenapa roll down?
Cepat
Bisa untuk umbel lingkungan aplikasi
Dan kompetibilitas
Ada dokumentasinya
Karena dia sudah ada OXC
Jadi performanya bisa bagus
AST ke abstract syntax tree ya
Jadi kayak misalnya
Kalau MDX mau di-comport ke
React, mau di-comport ke
Akhirnya jadi HTML
Itu pakenya syntax tree
Standard AST
Ini pertanyaan terakhir menarik sih
Jadi kayak, tau kan ada komiknya
Di XKCD gitu
Kayak misalnya suatu ekosistem
Entah apa fragmented
Banyak standard yang berbeda-beda
Terus ada orang dengan niat mulia
Kita harus buat standard baru
Agar semua jadi united
Sebenernya ada
Standard berbeda jadi nambah
Jadi satu lagi standard baru
Nah ini jawabannya apa nih?
Zero to one problem
It needs to gain
Critical mass
For exponential adoption
Critical mass berarti cukup banyak
Kayak udah cukup besar ya penggunanya
To justify continued development
Tapi
But it is hard to cross
The chasm before
It actually fulfills the vision
Oh dia kayak
Gak hijack
Memanfaatkan
Posisi feed
Sebagai toolchain yang
Fastest growing
Berkembang ya
Berkembang kesat penggunanya banyak
Tadi sempat
Kenapa roll down gak
Re-invent as built
Sama roll up
Ya itu
Caranya cepat dan
Full compatible dengan ecosystem
Pluginnya feed
Coba aja click discuss in detail
In roll down documentation
Dan ini roll down nya nyambung sama
Si OXC tadi
Kenapa kami membuat
Roll up
Jangan-jangan seharis lagi
Yang terlibat untuk
Roll down
Kayaknya gak
Tapi mungkin ya konsulasi
Diskas sama
Internal bundlernya adalah
ES build dan roll up
ES build itu untuk dependensi
Pre-bundling
Type script USA transform
Target lowering
Minify
Roll up untuk production build
Harus menggunakan kedua itu
Tapi
Masing-masing punya
Yang satu bisa yang satu gak ya berarti
ES build itu cepat dan fiturnya
Banyak
Tapi outputnya kurang ideal
Untuk bundling aplikasi
Roll up lebih
Major lebih matang
Untuk membuat
Untuk bundling aplikasi
Tapi lebih lambat
Pakai dua bundler itu
Agak ribet
Menggabungkan
Fusion ya fusion
Disini ada yang
Relate gak sih sama fusion
Kalau gak ada ya udahlah
Dijadikan easter cake kan
Lama banget ya itu fusionnya
Akas lagi
Tadi bukan fusion jadi gak baca
Itu
Itu kan punya
Nge-combine
Dua biar gak harus
Mondar-mandir dua bundler
Ada kita tidak sendirian
They can leverage
A single bundler
Satu bundler yang punya
Point positif dari kedua bundler itu
Kayak performanya cepat
Native level
Build in transform ya gitu efektif dan cepat
Build outputnya bagus
Saya tuh lagi mikir
Mudah-mudahan mereka
Kayak konsepnya kan dunia membangun dengan semua
Backward compatibility gitu ya
Karena lagi mikir nightmarenya bagi
Orang yang sudah pakai sekarang itu
Terus mulai slowly harus berubah
Library juga kan
Migrasi ya berarti ke seluruh
Ecosistem OX
Apalah itu keempat itu tadi
Tapi kan OST mainly dipakai
Oleh
Developer
Library kan
Bukan untuk
User yang menggunakan framework kan
Ini di belakang layar kan
Iya jadi mungkin nih misalnya
Implementasi yang real worldnya
Astro suatu hari
Astro versi berapa
Nanti kalau udah major version
Dirombak pakai
Toolsetnya
Toolsetnya punya
Void Zero tadi
Ya kita yang pakai Astro sekarang
Maksudnya yang versi sekarang kalau kita belum
Memungkinkan buat upgrade major version
Ya udah kita tetep yang di sekarang aja kan
Maksudnya sebetulnya
Gak terlalu
Berpengaruh
Kalau mau lintar ya kita tinggal
Udah install NPM install OXC
Lintar mungkin udah tinggal
Pakai dan
Contohnya kayak pas udah pakai ISLIN
Berarti kan ibaratnya
Pasti ada yang sudah pakai ISLIN
Dan mungkin ada
Ada ISLIN konfinya kan ya
Ya kan betul
Berarti harus mulai
Kayak berubah ke
Apa yang dia punya ISLIN
OXLIN
OXCLIN
OXCLIN contohnya
Biasanya kalau ada tools yang baru
Biasanya dibuat kompatibel
Betul
Awalnya
Awalnya
Iya buat migrasi aja
Maksudnya orang pindah
Iya maksudnya gini
Yang sekarang oke ISLIN
Misalnya gue pakai ISLIN
OXCLIN baru muncul masih versi 1
Itu ada kayak kompatibel
Tapi suatu saat mereka akan
Working lagi, makin lama makin jauh
Kalo misalnya OXCLIN dia
Belum tentu kompatibel sama ISLIN
ISLIN
Berapa sih sekarang? 6? 7?
Ya memang begitu
Maksudnya udah pindah ya, masa dibuka lagi
Pindah balik-balik gitu, masa bolak-balik
Ya engga lah, emang pindah untuk
Misalkan nih dia sama PITES
Dia sama PITES
Bukan maksudnya gitu
Sekarang ISLIN berapa sih?
Lupa gue, 4 apa 5
Engga tau, engga pernah
Ngecek versi
Let's say dia sekarang lagi ISLIN 5
Oke
Terus kemudian OXCLIN
Yang kompatibel
Sama ISLIN 5 dan mudah
Dimagresi adalah OXCLIN 1
Oh ngerti
Suatu saat
Ternyata yang saya pake
Saya tuh belum lagi dipindah ke OXCLIN
Saya masih lanjut ISLIN
Suatu saat saya upgrade ke ISLIN 6
Oke
Sudah terlanjut di 6 deh, biasanya gitu
Ternyata OXCLIN ini
Udah maju ke 2
2 sama 6 ini
Belum tentu kompatibel
Engga, pengalaman saya
Begitu
Jadi yang kompatibel itu yang sebelumnya
Karena waktu disiapkan untuk pindah
Tapi kalau kita lewat
Namanya OXLIN aja
Kalau kita
Telat pindahnya
Di saat sedang hype
Ya
Sakit kepala pindah di kemudian hari
Gitu loh maksudnya
Kayak katanya di beberapa hal
Kayak STYLEN dan PRETTIER
Contohnya
Iya betul-betul
Sama aja kayak JES sama VITES kan
Awal pindah kan kompatibel
Bahkan zero configuration
Bisa pake JES langsung diganti gitu kan
Tapi lama-kelamaan pasti mereka ada perbedaan visi dong
Bisa aja nanti
Gak kompatibel kan
Tapi
Sejauh ini sih
Mereka masih mengikuti ya
Sampai sejauh ini sih kalau ngeliat dari
Dokumentasinya tuh
Mereka tetep listnya dari
ISLIN rules
Sejauh ini
Kita gak tau ke depannya
Mungkin terus mereka mau memaintain apa yang dikerjakan
Sama si ISLIN kan
Ujung-ujungnya kan jadi
Vendor login juga
Dengan ISLIN 8 saat ini
Yes
Kan ujung-ujungnya kan harus
Vendor login, vendor login dalam hal ini ya
Yang produknya FUEDZERO
Masa iya
Mereka berharap yaudah
Setelah dari OSJ
Oh ternyata ISLIN
Berbenah nih dia pake
Rust juga
Dan kecepatannya sama yaudah pindah aja balik ke
ISLIN kan
Nggak kayak gitu ya
Mereka kan merayu balik lagi
Eh daripada ke OSLIN pindah lagi ke ISLIN
Atau mereka bikin
Yang 9nya
Misalnya ISLIN 9
Kompatibel sama OSLIN
2 gitu
Supaya gampang pindah lagi
Eh tapi ada
Kasus yang menarik juga
Yang istilahnya misalkan ini
NPM
Sama IARN, sama PNPM
Itu tetep kompatibel kan sampai versi sekarang kan
Dengan paket JSON-nya
Iya dan dekat selalu ikutin kan
Kayak dulu ada yang workspaces
Dulu komen-komennya itu di NPM
Belum ada, tapi karena banyak yang pakai
Dan mungkin ada demand
Sekarang NPM punya workspaces
Dengan sinteks yang mirip
Tapi agak beda
Dengan yang punya IARN
Teorinya iya, tetapi
Saya pernah
Yang gagal
Bill pindah ke PNPM
Oke
Ya mungkin ada
Adases-adases yang seperti itu
Ujung-ujungnya biasanya bikin spesifikasi
Untuk kesepakatan bersama
Nah itu yang sebenarnya
Kayak
Runtime ya
Kayak JavaScript runtime
Bikin spesifikasi
Supaya bisa berkembang
Bersama
Sama ya developernya kayak kesadaran
Jangan fomong-fomong amat
Maksudnya apa
Kalau project yang
Bakal harus di maintain lama banget
Butuh stabilitas ya nggak harus semua
Dipindah ke toolset terbaru
Sekarang juga kan
Biar menghindari yang tadi bulak-balik
Betul-betul
Oke, ini kita
UBR building roll downnya
Penasaran, tadi belum pelaru baca
Tadi, yang tadi
Bisa dibahas
Bukan, ada bawal Hagi
Yang paling bawal, belum baca tadi
Nah, roll down
Return in rest
Nah, belum baca yang section paling bawah ini tadi
Built on top of OXC
Pakai parser dan
Resolvernya OXC
Terus nanti juga akan pakai
Transformer dan Minifiernya
OXC, jadi sebenarnya kayak
Rapper dari OXC
Iya
Long term goal
Jadi OXC ini ada banyak
Tools-nya, ada parser
Ada AST, eh AST itu parser ya
Ada linter, ada macam-macam
Ada transformer juga
Tapi belum ada stylin kan, dia masih eslin
Belum
Itu kan CSS, udah beda lagi
Ini kan JavaScript
Tapi kan ada CSS
EJS
Emang
Kalau di
Ini kan, gak begitu
Gak tahu sih
Ya gak tahu, tapi mereka gak ada nyebut-nyebut
Kayak
Emotion, atau
Apa, yang lain gak ada kan
Kayaknya gak begitu
View ya, kalau
Sekilas ngeliat, kayaknya di view
Kurang ini
Kurang populer, pendekatan
CSS, mereka lebih dekat
Ke Telwin
Ya sama, style tag aja
Itu tuh sama kayak swell
Mirip kayak swell
Anyway, long term goal-nya
Adalah agar
Feed user
Bisa menggunakan feed version
Yang internally
Use roll down, jadi kita gak
Expected untuk pakai roll down
Ketengan terpisah, tapi kalau mau ya
Bisa, bisa dipakai untuk
Standalone when learn
By the way
Dah habis kita ngomong
Soal Deno
Cuma sekilas
Satu project, berhasil
Gue ini
Bukannya kemarin itu pakai Boon ya
Jadi sekarang pakai Deno
Dulu sempat
Boon gak berhasil, gak masuk
Gak ini, gak
Apa yang berbeda, apa yang membuat berbeda
Antara Boon sama Deno
Adapsinya
Karena Deno lebih menyenyik
Secepat sama
Lebih kompatibel sama package
Kaya
Bisa replacement gitu
Drop in risk replacement
Kalau Boon belum kompatibel ya
Ya, gak semuanya
Tapi kalau cepat, masih cepatan Boon kan ya
Mungkin kita perlu satu sesi lagi kayak yang
Dulu itu, membandingkan kecepatan
Compile Boon
Not yang baru, PNPM
Boon, Not sama Deno
Cuma Deno itu
Punya ekosistem lengkap
Jadi kalau cepat, ok lah
Cuma beda 1 detik, 2 detik lebih lambat ya
Udah lah, kayak who cares
Maksudnya
Kalau untuk interface ya
Dan siapapun sih
Udah kayak ada frameworknya
Ada apanya semua kemarin yang
Kita coba itu
Mengutip kata-kata
Dari seorang yang cukup terkenal ya
Kalau bukan Khalil Gibran
Khalil Gibran atau DHH
Untime cepat buat apa
Khalil Gibran
Internet cepat
Mantan Menteri
Itu juga jaman kapan itu
Nah, lanjut
Tapi, siapa bilang buat apa
Buat mengurangi
Buat mengurangi budget
Github Action
Kalau udah ngomongin budget
Itu cepet tuh pasti
Adopsinya
Langsung diproof
Nah, ini kita baru ngomongin
Satu talk ya
Tapi itu kan keynotenya
Oh ya, secara keseluruhannya ya
Ok ok
Nah, yang sempat saya
Nonton adalah
Yang mana ya
Yang cukup menarik adalah tutorial kit
Masukin ke screen dong
Ntar
Oh bisa ya
Tutorial kit
Mana tutorial kit
Itu yang saya tonton
Kok gak ada
Gak ada soal AI ya disini ya
Gak ada. Oh iya iya, bener juga
Ada, pasti ada
Web containers and AI
Nama sectionnya
Web containers and AI
Tutorial kit
Tutorial kit
Oh ini
Oh itu semua Web containers and AI itu satu section sendiri tuh
Semua
Ya, ini dia
Tutorial kit. Ini saya sempat nonton karena
Videonya 10 menit
Jadi
Keritanya menarik
Break 2 menit
Itu break di atas 2 menit
Tapi kan bukan opa
Sayin
Oh bukan ya
Yang mana ya
Ini
Atau ini
Tutorial kit ya
Ok
Ini tutorial kit
Cukup menarik
Karena sebelumnya saya sempat
Dengar juga di podcast
Jazz party kalo gak salah
Jadi cerita origin storynya
Itu adalah
Mereka bikin tutorial kit ini
Karena terinspirasi
Dari tutorialnya Svelte
Svelte tutorial itu kan lumayan bagus ya
Bisa jalan di browser kan ya
Cukup interaktif
Nah terus ternyata
Si Rich Harris sendiri yang bikin
Tutorial interaktif
Svelte ini
Itu dia terinspirasi dari
Tutorialnya Node.js
Yang kita belum pernah pake
Nah dari situ
Si Rich Harris
Kan abis itu ngembangin Svelte kit
Ya kan
Kalo Svelte kan bisa jalan di browser
Kalo Svelte kan harus ada back end nya
Harus ada Node.js nya
Dia ketemu sama
Dia ngobrol sama StackBlitz
Dia tertarik menggunakan web container
Dia bilang bisa gak web container
Tapi gak pake ekosistemnya StackBlitz
Karena dia mau bikin tutorial
Buat Svelte kit
Akhirnya
Si Rich Harris marah diajak
Jadi partner untuk desain web container API
Supaya lebih general
Lebih generic bisa dipake dimana aja
Akhirnya abis
Abis si tutorial
Svelte itu cukup dikenal
Terus Svelte kit juga
Cukup sukses
Banyak yang ngikutin
Kayak Lead
Web container
Web component
Itu gayanya sama
Terus apalagi ya
Disini sempet dibilang juga
Interactive Angular Tutorial
Juga menggunakan cara yang sama
Terus yang tidak kalah menarik adalah
Si Nux Playground
Itu Antoni Fu yang bikin
Dia bikinnya pada saat live streaming
Dan itu berjam-jam
Dua jam, dua jam, dua jam
Sampai udah part berapa nih? 18
Dua kali 18 berapa tuh
Jadi dia bikin sendiri dari awal
From scratch gitu
Dia mau bikin yang mirip-mirip seperti tutorial
Svelte kit
Makanya si StackBlitz terinspirasi
Akhirnya mereka bikin tutorial kit
Bukan yang si Antoni Fu, bukan?
Enggak, beda
Jadi dia nunjukin bahwa
Kalau lu bikin sendiri dari awal
Panjang jalannya kayak si Antoni Fu
Oh, ngerti-ngerti karena
Orang kan suka ngampangin
Gitu aja susah
Gitu aja susahnya sih
Cuman bikin gitu gampang lah
Jadi preemptively
Yang si speakernya bilang ya bisa
Kalau mau berpuluh-puluh jam
Ngerjain ya silahkan
Coba learner deh
Apa?
Penjelasannya
Pake vid plugin API
Saya penasaran sama web contents API
Udah bisa dipakai di luar ini nggak?
Soalnya kan dia nggak open source kan
Kita nggak bisa tahu kan kode di dalamnya
Kita hanya bisa pakai kan
Kalau dulu, sekarang nggak tahu nih
Kayaknya masih deh
Kayaknya masih ya
Belakangnya web assembly kan
Dan yang dikasih itu kan
Cuma API kita untuk integrate
Ke web containernya aja
Kalau si runtime-nya nggak dikasih
Iya
Tetap download dari stack bits
Kalau ngeliat networknya
Nah ini
Get Started ya
Kayaknya
Get Started-nya mudah sekali kalau ngeliat dari videonya ya
Install
Install
Terus
Starting
Terus content creation
Dia bikin kayak gini
Masukin content follow-nya pakai markdown
Ini tidak memperlihatkan keunggulan dia
Dengan bisa menjalankan node.js
Di web browser sih
Tidak menjual
Sama sekali
Kalau di videonya gimana
Penasaran
Soalnya di videonya kelihatan
Ini yang ini ya
Jadi ada
Tutorial
Eh lebih menarik ya
Iya
Kita bisa di play ya
Ada copyright-nya
Bebas kan ya
Nah ini contohnya
Dari awal deh
Kita nonton bareng aja ya
No bar
Udah berapa score
Kalah kita
Udah kelar
Nah ini
Katanya tinggal jalanin
NPM create
Something
Oh berarti langsung bisa di play
Gitu ini ya
Langsung gini
Udah ada
Contenernya
Langsung bisa di run
Gitu ya
Iya, kanan ini kan kode
Yang dibawah ini preview
Nanti dia edit-edit disini
Disini berubah
Ini di kirinya ini
Tutorial kayak speltkit
Nah ini kan dia ganti-ganti itu
Terus berubah
Coba side-counter-nya nanti diganti
Ada terminalnya juga
Teput tangan dong, keren nih
Soundboard lah
Habis baterai
Ada
Dark mode dan ada light mode
Itu gak terlalu signifikan
Itu penting
Terus bisa buka di stackbleeds ya
Ini jualan juga ya
Soft selling
Biasalah
Nah itu, udah
Gatis, tools-nya gratis
Yang mau
Saya tunjukin itu sebenarnya bukan dari sini
Kayaknya ada
Nah ini
Jadi dia membandingkan
Ini spelt tutorial
Ini angular tutorial, ini nuke tutorial
Tiga-tiganya punya komponen yang sama
Sebelah kiri itu penjelasan
Sebelah kanan atas itu kode
Sebelah kanan bawah itu
Preview
Jadi ketika misalkan disini
Gini cara penggunaan variable
Diklik solve, kodenya akan berubah
Dan kemudian disini itu akan
Terjalanin preview
Bisa maksudnya
Kalo kita mau live demo saat talks
Bagus banget
Untuk activate
Ininya kayak tutorialnya
Cokok banget ya
Betul
Dan dia, nah disini dia
Tunjukin nih, kenapa tutorial kita
Sangat membantu, karena
Membuat gini aja yang kelihatannya gampang
Itu komponennya banyak
Ini ya konten
Bisa markdown, bisa MDX
Bisa macem-macem
Terus disini ada browser
Disini ada terminal juga
Ada runtime handling, ada kode editor-nya
Ada file tree
Ada UI teams
Dan lain-lain, jadi banyak yang di handling sama mereka
Jadi ini
Kayaknya lumayan
Sangat-sangat menarik sih
Wah Eka
Kayaknya gak tetarik dia
Sama tutorial gitu
Resquit dia
Oh, dateng lagi
Selamat datang Eka
Selamat datang
Kembali
Begitulah, oke
Ada lagi yang menarik
Selain, ini kayaknya kita butuh
Episode khusus
Buat bahas tools-tools baru
Kayak OXC, rolldown
Nitro
Ya, kapan-kapan dibahas terpisah aja
Produk point zero
Nah ini kita
Gak usah point zero, yang lain juga kan
Bisa juga masuk
Misalkan kayak, oke
Pengen lihat sih
OXC itu kayak apa bentuknya
Ya kan, kalo selama ini
Kan kita taunya, oh
Kalo mau pake linter, ya pake ISLIN
Kalo mau pake formater, pake prettier
Ternyata sekarang udah banyak alternatifnya
Dan blazing phase semua
Jadi
Mungkin kita bisa bahas khusus tools-tools yang
Lebih baru
Mungkin, saya tuh
Perlu ini kali ya, kalo mau
Modernisasi tools-tools yang ada
Paling saya cari kayak
ISLIN
WithRUS
Secara macem WithRUS
Pratik kata kuncinya WithRUS
Kata kuncinya gitu
Pokoknya, kalo
Sebuah tools sudah mulai melambat
Tunggu saja kehadiran
Written WithRUS
Something Something Written WithRUS
Kalo
Kalo di zaman startup dulu tuh ada istilahnya apa
Uber for something kan
Blah Blah Blah, Something WithRUS
Iya
Bener, damar ini bener
Jadi bagus ya, tutorial kit itu bagus
Buat beginner, terutama
Kalo misalkan bikin workshop
Susah harus setupnya, harus install npm-nya
Versi berapa, data base, blablabla
Kayak
Motonya United States
Motonya US berarti ya
Apa tuh?
In God WithRUS
Terlalu maksa
Enggak ya
Kasian
Kita apresiasi
Kita apresiasi
Ini ciri-ciri
Ciri-ciri developer stress tuh begini
Developer capek ya
Developer capek
Iya
Jadi
Jujur aja kita belum nonton semua
Saya baru nonton satu
Tapi kayaknya
Belum sama sekali ya
Pengen, pengen nonton satu persatu
Sama minimal skimming
Apa, nonton cepet
Terus sambil buka link-link yang resource
Yang di bottom
Bottom maneuver-nya itu
Minggu depan sekalian kita bahas
Apa yang kita belajar di Bangkok CS aja
Mas Lisa gimana
Seperti kita
Supaya serius ngikutin workshop
Biar tau, oh nanti bakal dibahas
Oh, bakal ngikut workshop apa aja
Belum tahu
Makanya mau liat-liat
Udah banyak yang close
Gue baru dapat satu, cuma dapat satu
Yang lainnya udah penuh
Serius
Udah penuh
Akhirnya cuma daftar satu
Biasanya, eh paling ikut aja lah
Yang mana aja
Apa namanya, kan kita sekalian
GR kan kalian
Biasanya yang bisa bahasa Inggris juga
Kalau bahasa Thailand
Gue bingung apa nanti
Jangan-jangan
Yang gue ikutan
Thailand semua
Kalau workshop presenter-nya dari luar Thailand
Ya bahasa Inggris kan pasti
Cuma satu, yang E2, yang Inggris
Apa tuh
Serverless sama Chromatone
Oh, berarti yang gue daftar Thailand
Kok kemarin nggak ngeliat ya
Siap-siap pakai
Interpreter
Tapi kan kita juga nggak bisa
Kita kan jadwal
Untuk nyoba-nyoba kan
Cek-cek ya
Hari Jumatnya
Begitu
Ya Fobo kalian
Pada ke Bangkok semua
Tahun depan dong, tahun depan
Tahun depan harus
Tahun depan Eka berangkat
Kita nggak
Di sini juga
Eh nggak apa-apa, cuma gue bangga sih
Apa, karena kemarin kan
Tetep submit CFP
Iseng nyoba
Dan emang
Ngide lah
Ngide topic yang
Agak aneh
Dan random, pengen tahu
Maksudnya tembus atau nggak, ini cukup menarik atau nggak
Ya itu validasi juga ya
Bentuk validasi ya, berarti ya
Dan jadi dapet pelajaran, oh kalau jenis acara
Kayak gini, terus line up
Maksudnya topiknya kayak gini, mungkin orang lain
Kan pasti banyak yang kirim CFP
Juga, yang diterima itu yang begini
Yang nggak tuh yang begini
Cuma kalau dulu, karena insecure ya
Insecure apa ya
Sebel gagal, jadi
Nggak suka nyoba, tapi gagal
Jadi, either harus
Nyoba dan selesai, atau nggak usah sama sekali
Jadi kayak pembelaan, ah udah amat
Males, itu kan kayak
Kayak ngelus ego, gitu lah
Nah, dulu tuh nggak suka banget
Kayak udah ah, udah effort
Walaupun udah effort, tapi gagal
Cuma maksudnya, kemarin
Berusaha lebih, effortnya intensional
Dengan sadar bahwa
Ini ada, ini akan gagal
Tapi pengen tahu nih, pengen
Memvalidasi ide, nah
Jadi tetap seneng, walaupun FOMO
Hmm
Oke oke, loh
Tapi ini antara yang di
Web event pop
Yang apa
Pembelian tiket
Untuk workshop
Dengan yang di schedule kok beda ya workshopnya ya
Itu jazz Bangkok
Yang 2.0
Bukan
Pastikan dulu, pastikan dulu
Benar
Benar, orang dari email kok
Benar
Coba ya, bentar
Ya udah, tanya sama
Warat aja, bisa
Kan dia bilang, bisa help
With anything, bilang
Masukin gua di workshop ini, gitu
Engga, kemarin itu
Yang gua daftar itu
Workshop tentang transformer JS
Nah, terus di schedule gak ada
Gak tahu tuh, salahnya dimana
Tapi udah daftar sih, gak tahu itu bahasa
Inggris atau Thailand juga
Mari kita lihat daftar
Pembicaraannya gimana, daftar pembicaraannya
Gak ada ya, udah gak ada ya
Siapa yang
Oh di fanpop ada
Mari kita lihat bersama
Ini kan
Ini cuma ada
Schedule-nya
Ini yang hari kedua
Hari kedua kan conference
Hari pertama kan workshop
Iya
Cuma semuanya rata-rata tie
Gak tahu deh, ntar harus tanya ini deh
Nanti minta di translate aja
Jadi sama warat kan dia support
For everything
Ya segala bisa
Ini keynote
Lihao ini kita undang kali ya kesini ya
Oh iya
Itu keren banget ya
Kalau nyelasin apapun, dia pernah ngomong
Di Svelte Indonesia kan ya
Ya, pernah
Istilahnya udah pernah berinteraksi
Besok kalo ketemu ya kita ajal aja kesini
Bisa-bisa Indonesia kok, ya bahasa Melayu maksudnya
Maksudnya kalian
Rich Harris kenal gak, ada yang kenal
Enggak
Kenal-kenal, tapi Rich Harris sih gak kenal kita
Kita ngerasa kenal
Jam 1 ya, jam 1
Ada Rizza Fahmy tuh
Wow
Bisa sih
Saya kenal
Tapi kalian belum tentu
Wow ada Ivan
Kenal gak
Ini kan
Disini kan gitu, coba kita liat
Event popnya, ini tempat pembelian
Ticket kan
Oh disini ada foto-fotonya
Tapi kok fotonya ini ya
Agak beda ya, ini foto lama ya
Gak beda ya, kenapa
Ini foto waktu kecil, sekarang
Kebalik
Aja putihkan sedikit ya dulu
Dulu putih, belum sering main
Di sinar matahari kan
Belum kena
Coba liat fotonya Ivan
Gak ada kayaknya
Ini template ini
Pressholder
Gak salah popos
Ivan mana?
Gak ada Ivan
Belum sempat popos ya
Karena gue batch-batch terakhir
Keterimanya kayak last minute gitu
Jadi belum ada ya
Oke, kita udah melantur kemana-mana
Jadi nanti kan episode minggu depan
Tentang
JavaScript script Bangkok
Kapan dong Jakarta JS
Udah ada, IDSW aja
Oh iya IDSW
Masukin gue dong mas
IDSW
Masukin gue
Gue aja gak masuk, beli tiket sendiri
Masa?
Gak itu
Gak daftar jadi
Organizer
Iya
Dateng gak?
Dateng, orang udah cancel Depok
Depok kan tanggal 16 juga
16 itu hari apa?
Sabtu
Oh ya sudah
Gue beli tiket deh
Promoin dong mas
IDSW siapa tau temen-temen
Oh iya bener
IDSW.DEV
Conference
Kita seneng-seneng sekali ya
Sudah mulai banyak conference yang bermunculan
Yang offline
Ini salah satunya di Jakarta
Tanggal 16-17 Sabtu Minggu
Itu
Speaker nya, gila sih
Ini keynote speaker nya nih
Ada Mas Gogo
Ada Tere
Ada Teguh, ada Hintin
Ada Ibam, ada Imre
Gue pernah kerja bareng Teres itu dulu
Oh iya
Gate course ini
Tempat ini ya
Luang serbaguna gitu ya
Iya, hall-hall
Namanya lucu ya
Gate course
Hall
Dan tidak kayak di Jakarta ya
Dimana sih ini?
Di daerah mana ini?
Oh dekat Senayan
Orasunasaid
Oh tidak sih
Setiap Budi Wan
Oh sebelahnya setiap Budi Wan
ICBD dong
Kuningan ya kuningan
Bukan ICBD
Maksudnya karena weekend
Gaget-gaget
Aman-aman
Alright
IDSW.DEV
Berapa tiketnya sekarang?
Tiketnya 250 ribu saja
Wow
Udah 350
Awalnya early bird-nya 250
Sekarang sudah
Pass bird
Tapi late bird lagi
Late bird
Burung telat
Early bird gets the worm
Tiga setengah ya
Tapi dua hari ya?
Dua hari
Nunggu jadwalnya
Jadwalnya yang mau ditonton
Hari pertama, hari kedua
Nggak bisa per hari ya?
Ada calo nggak ya?
Bukan datang dua hari
Datang sini bukan ikut-ikut course
Malah pengen lihat teman
Ngobrol
Itu aja
Jafri Imre
Imre butuh yang bawa
Kru-kru
Mendingin mic
Nyolok-nyolokin kabel
Mendingin apa?
Namanya clicker
Ini pasti Imre
Time
Timekeeper
Kalau ini
Ngaku jadi staffnya Imre
Staff ya
Staff ahli
Staff tidak ahli
Staff amatir
Staff amatir
Cukup ya
Selamat malam
Selamat malam
Ada yang baru datang
Mas Fabrianca
Kita udah mau selesai
Kita mulai jam 8
Jadi ini
Kita udah mau
Selesai
Kita ketemu lagi minggu depan
Jangan lupa
Teman-teman
Kalau ada yang ikutan Deves
Di kota masing-masing
Jangan lupa
Kalau sempet ketemu
Disapa aja
Biar tau, bilang aja
Saya penonton ngobrolin
Kalau sudah disapa, disapu
Perfect itu sunboardnya
Sebelum semakin ngawur
Mari kita mengucapkan selamat malam
Sampai jumpa di lain kesempatan
Bye bye
Deskripsi asli dari YouTube
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://bit.ly/ngobrolinweb Kunjungi https://ngobrol.in untuk catatan, tautan dan informasi topik lainnya.
Episode Terkait
27 Jun 2023
Ngobrolin Bundler
Module bundler dibahas lewat sejarahnya, bukan daftar perkakasnya — dan pesan pembukanya bahwa hampir semua orang yang m...
1 Feb 2023
Ngobrolin Storage
Melanjutkan episode cookie minggu sebelumnya, pembahasan bergeser ke tempat penyimpanan lain di browser — bukan basis da...
23 Jul 2025
Bedah Buku Problem Solving 101
Episode ini membahas buku "Problem Solving 101" karya Ken Watanabe, mantan konsultan McKinsey yang menulis buku ini seba...
Suka episode ini?
Episode baru setiap Selasa malam. Dengarkan lewat YouTube, Spotify, atau feed podcast favoritmu.
Memuat komentar dari GitHub Discussions...
Jika komentar tidak muncul karena ekstensi privasi / adblocker, kamu bisa berdiskusi langsung di GitHub Discussions .