Toolkit Modern
Ringkasan Episode
Bantu KoreksiEpisode ini membahas tentang tools atau alat bantu modern dalam pengembangan web, khususnya build tools dan test runners. Para host mendiskusikan evolusi dari tools tradisional seperti Gulp, Grunt, dan Webpack ke tools modern seperti Vite, esbuild, dan Vitest yang menawarkan performa lebih cepat. Diskusi mencakup perbandingan antara berbagai build tools dan test runners, mulai dari sejarah Jasmine, Mocha, Jest hingga Vitest. Dibahas juga bagaimana tools modern memanfaatkan native ES modules dan teknologi baru untuk meningkatkan developer experience dengan build time yang jauh lebih cepat dibandingkan pendahulunya.
Poin-poin Utama
- •Evolusi build tools: dari Gulp/Grunt (task runner) ke Webpack hingga Vite dan esbuild yang lebih modern dan cepat
- •Vitest hadir sebagai alternatif modern untuk Jest dengan performa lebih baik karena tidak bloated
- •Sejarah test runner: Jasmine (browser only) → Jest (by React, based on Jasmine) → Vitest
- •Mocha adalah test runner yang perlu dipasangkan dengan Chai untuk assertion dan Istanbul untuk coverage
- •Webpack 5 masih baik-baik saja digunakan, tidak semua proyek perlu migrasi ke tools terbaru
- •Tools modern memanfaatkan native ES modules sehingga tidak perlu bundling saat development
- •Pentingnya memilih tools yang sesuai dengan kebutuhan proyek, bukan sekadar mengikuti tren
[musik]
[suara panggilan]
[suara musik]
Selamat malam
Selamat malam, apa kabar?
Selamat malam teman-teman
Saya kehabisan baterai sosial
Saya ngobrol sama orang
Ngapain?
Tadi kan ikutan ini
Habis meeting seharian ya?
Habis mentoring
Oh, wehh
Oh, sama Johan tadi?
Iya
Sama Sunita juga, ketemu di sana
Sama, iya...
Tiga hari ini, hari Sulasara, Bukamis
Ngapain sih mentoring?
Kok saya, kita-kita nggak pernah di mentoring?
Hah?
Emang mau mentoring apa?
Mentoring kebanyakan gimana sih?
Jadiin, jadiin topik deh
Gue mau sih, mau, cuma kalau suruh ngajarin orang
Terutama sisi non-teknis ya
Kayak agak sungkan nggak sih, karena
Kayak jangan-jangan konteksnya beda
Terus kalau ternyurung ngajarin
Kalau sotoy, terus
Lihat transkrip lengkap (2409 segmen lagi)
Oh, kita harus gini, gini, gini
Ternyata pas diterapin dikondisinya dia
Itu malah jadi kayak...
Nggak cocok
Nggak cocok, terus bikin dia jadi
Nggak dipromosiin atau apa
Punya takut dampaknya negatif gitu loh
Itu kayak agak kembang-kembang tal gitu
Iya, betul
Terutama mentoring non-teknis sih
Kalau mentoring teknis
Ya, asal skopnya jelas sih
Berani-berani aja
Mau-mau aja
Iya
Dan sisi mentoring kalau sama startup ini
Salah satu yang
Gue selalu berfikirnya tuh kayak
Apa ya, imposter
Jadi merasa
Ini bener nggak sih yang pengen
Ini bener nggak sih
Takut salah gitu
Lah, kan Mas Riza punya
Mas Riza punya startup
Hands-on, hands-on
Cuman kan beda
Kadang-kadang juga
Iya sih, tapi kebayang sih
Nanti udah ngajarin
Oh, begini, gini, gini
Ternyata dia beda industri
Ternyata approach itu
Iya, industri-nya beda
Teknologi-nya beda
Jamannya beda
Jamannya udah beda
Kalau mereka tanya
Kayak tadi ada yang tanya kan
Gimana investment sekarang?
Gue hasilin
Biasanya itu bisa aja gue aksi
Jamannya Mas Riza waktu mulai
Eviseri
Eh, sebut nama jadinya
Eviseri
Bukan
Maksudnya belum ada skandal-skandal
Ini contohnya
Oh, belum ada skandal
Iya, sekarang udah ada skandal
Udah banyak
Jadi, kepercayaan juga menikis
Iya
Ya, gitulah
Jadi, mau di gimanain lagi?
Di jalanin saja
Kalau ada mentoring untuk jadi mentor
Gue mau ikut
Kayaknya menarik ya
Topik mentoring ya
Kita undang siapa yang biasa mentoring ya
Imre sering mentoring ya
Imre
Itu, siapa namanya yang orang Google itu
Kalau mau
Orang Google
Siapa? Mas Danang
Ya, dia pernah kita ketemu pas lagi di Shanghai
Aduh, yang bawa podcast dulu tuh lho
Thomas
Bukan
Oh, bukan
Adam
Bukan
Maksudnya dia khusus untuk
Dia pernah ngajarin mentor for mentor gitu ya untuk podcast
Siapa namanya ya
Aduh, dia cowok-cowok
Oh, bukan ya
Iya
Iya
Itu ini juga salah satu, kenapa?
Gue pernah ikut ininya dia
Pernah ikut
Sessinya dia
Sessinya dia tuh bagus banget
Itu yang di Silicon Valley bukan?
Yang kita kelas presentasi
Bukan
Itu salah satu yang bagus juga
Itu justru dia beda
Tapi
Aduh, siapa yang namanya kayak
Topik mentoring ini juga menarik karena
Derp, derp namanya, derp
Prim
Oh, prim ya prim
Karena online ngomongin podcast ya, cara bikin podcast ya
Iya, bro derp prim
Bro
Iya
Iya ini menarik karena meskipun udah jadi mentor
Tapi masih penasaran
Mentoring yang baik dan menarik itu seperti apa sih gitu
Iya supaya, supaya apa namanya
Ini ada nih kalau mau liat
Karena selama ini yang gue lakukan adalah
Kayak diskusi aja tanya jawab
Jadi
Apa, kayak
Kalau buat startup ya, ini kalau ceritanya startup
Kalau mentoring buat developer mungkin agak beda
Ini ceritanya startup, jadi mereka kenalin produknya apa
Terus
Gue kenalin, gue ekspertisnya di mana
Terus
Tinggal tanya mereka lagi ada problem apa di technical atau di web misalkan
Yaudah
Mereka ngomong lah, oh kita agak susah nih scalingnya
Ya udah bahas tentang scaling
Oh agak susah hiring
Kebetulan karena high activity juga ada bagian-bagian hiring developer ya
Bisa ditanyain juga
Ya paling gitu sih
Jadi kayak diskusi aja sebenarnya
Cuman kalau mentoring yang benar-benar kayak
Di apa
Ada dikasih PR apa gitu
Nah itu belum sih
Belum segitunya
Jadi kayak diskusi aja sebenarnya
Oke
Jadi malam ini
Entar kita akan
Pernah komen dulu, ada yang pernah jadi mentor
Atau mungkin ada yang pernah mentoring
Ada yang nonton gak sih ini
Ada yang pernah
Jadi mentee
Pernah jadi mentor atau mentee
Jadi mentee
Menti itu yang di mentoring ya
Yang, ya yang menerima saran-saran
Walaupun topiknya gak ada hubungannya sama itu ya mentoring ya
Iya kan namanya opening lah
Sambung-sambungin aja
Sambung-sambungin
Ini video apa nih
Video youtube
Itu yang dark prim
Dark primnya cara podcast
Cara bikin podcast ya
Dulu waktu pandemi ya
Iya
Oh iya bener
Dirak
Gimana sih bajanya
Susah
Air screen
Entar air screen
Screen satu
Ya kita bisa belajar sama-sama
Terus kemudian temen-temen juga ada yang
Mau memulai
Apa namanya
Podcast bisa orang apa
Mas dark prim ini bagus kok
Iya
Tapi dia subscribernya 2-1
Dia gak main di
Banyak di angkor FM itu
Angkor FM
Podcast suara doang ya
Iya justru lebih susah tau
Jadi gak bisa bikin jog-jog aneh-aneh
Udah bisa share screen
Jognya bisa aja
Jog bisa aja
Tapi kan jognya bisa dapet kalau ada route mukanya juga kan
Kalau misalnya suara doang susah loh
Bikin jog hanya suara doang
Tergantung style jognya sih
Cuma yang sulit banget nunjukin kode sih
Bayangin aja udah dibaca semua berarti
Misalnya nunjukin bedanya class sama function
Iya kan capek kan
Iya
Kalau lihat kode
Skimming sekilas kan langsung bayang
Oh maksudnya gitu
Nah kalau misalnya
Kalau gak visual gak sambil liat
Kita kudu jelas sih
Capek susah
Gak cocok berarti
Oke
Ya walaupun bisa
Ngomongin mentor
Mudah-mudahan kita bisa dapet mentor
Iya kita butuh cara mentor podcast
Dapat mentor buat mentoring
Malam ini kita bahas tentang
Tools atau alat
Tools alat
Alat bantu modern
Emang yang teman-teman pakai udah tradisional
Siapa yang masih pakai webpack
Saya masih pakai webpack
Masih kan
Emang webpack 5 kan baik-baik saja sebenarnya
Iya gak apa-apa kan cuma nanya doang
Siapa yang masih pakai webpack
Webpack itu termasuk modern atau sudah tidak modern lagi
Nah makanya ini kenapa
Terus ini emang usulnya
Kit hub diskasinya emang titlenya begini ya
Alat modern
Itu saya yang usulnya
Oke
Mungkin kalau kita lihat perjalanannya sedikit aja kali ya
Waktu dulu kita jarang ya nge-build file
Atau paling jaman dulu itu cuma minimise
Yaitu minimise kan adalah jamannya
Gulp, grun, brunch
Tapi tekan itu cuma runner doang kan
Runner nya aja
Kalau ngomong tooling
Build tool juga
Misalnya kalau kayak bootstrap
CSS bootstrap kan dia ngambil dari source
Ya kayak minify sama combine jadi satu
Iya build tools juga itu
Kalau kayak rollup tools juga
Tools juga
Rollup sama webpack kan fungsinya mirip-mirip gak
Beda
Kalau kayak yeoman oh itu generator ya
Generator
CLI tools
Oh berarti yang tools itu
Rolldown ya ini yang baru
Kategorinya tools build tools itu
Post CSS itu di mana posisinya contohnya
Post CSS atau sas
Not sas
Post CSS itu apa
Compiler
Compiler nya berarti ya
Bubble itu compiler nya
Dari sas jadi CSS kan
Compiler ala transpiler lah
Transpiler
Okay
Bubble itu juga begitu sama ya
Transpiler
Iya
Kalau aglify
Transpiler juga dari yang
Berarti dari yang
Dari yang bagus
Yang cakep jadi jelek
Iya
Okay
Berarti dalam hal ini
Minify kan
Minify
Beautify
Beautify
Nah berarti selanjutnya
Yang termasuk build tools itu adalah yang di atasnya
Menjalankan transpiler
Transpiler itu ya berarti ya tadi ya
Iya
Kayak
Oke
Apa
Parcel jaman dulu parcel
Iya
Nah masalahnya tools itu kan juga bukan spesifikasi teknis ya
Maksudnya yang dibilang itu
Maksudnya tadi kan kita saling nanya
Ini sebenernya tools itu apa ya
Tools itu apa
Ini kan berarti ibaratnya buat episode ini
Suka-suka kita aja kan
Mau yang kita klasek kasihin sebagai tools itu
Pager-nya scope
Linkup definisinya dimana kan
Iya
Ini subjektif sebenarnya
Enggak sih sebenernya
Sebenernya
Definitive
Tetapi
Yang membuat blur itu adalah ada
Tools yang dia zero config
Jadi kita gak tahu lagi apa di dalamnya
Iya
Contohnya tunjunya kayak parcel
Parcel itu zero config tinggal pake
Sudah opinionated
Dia udah bawa sabrek-sabrek yang dia punya
Kita tinggal pake sebenernya kan
Betul
Ya gak apa-apa
Tau ini di dalamnya WF
Tidak membuat definisi dia sebagai tools kan
Kayak roll up roll up
Jaman dulu
Jaman dulu dia dalamnya WF
Oke
Kalau sekarang gak kayaknya sendiri
Kalau roll up kan juga terkenalnya dengan zero confignya dia kan
Hanya tinggal pake pokoknya roll up apa gitu
Roll up JS jadi apa
Udah langsung
Dikompile
Tapi ada bedanya
Kalau roll up
Gak tahu ya
Secara fungsi sama atau enggak
Bisa saling menggantikan atau enggak
Tapi jangan waktu webpack berjaya
Webpack itu biasa digunakan untuk
Kita bikin aplikasi
Roll up digunakan untuk kita bikin library
Biasanya gitu
Ini mungkin segmentasi
Customernya kali ya
Tapi penggunaan apa
Fungsi-fungsinya mungkin bisa
Tumpang tiding mungkin bisa sama gitu
Bisa jadi
Mungkin ya
Gue kadang dulu pernah bikin-bikin library
Tapi pakai apa sampai gue lupa sendiri dong
Kayak toolbox
Kumpulan tools
Iya toolbox itu berarti
Satu langkah di bawah framework
Kalau framework itu kan
Tools-tools di gabungin jadi satu
Udah tinggal pake kan
Kalau toolbox kan ada satu-satu
Tapi tertisah
Tidak terintegrasi
Dulu tuh ada
Maksudnya agak dulu ya
10 tahun lalu kali ya
Bower kan sempat ngetrend tuh
Bower kan sempat ngetrend itu
Tapi kayak ada tools integrationnya juga
Kalau ngomong toolbox atau toolkit
Punya sesuatu yang kayak satu set
Dipake tapi terus bisa buat macem-macem juga
Itu bower mungkin masuk kriteria itu ya
Terus sekarang ada banner yang itu
Bower masih maintain
Tapi kami merekomendasikan tolong
Jangan pakai tools kami
Pakai yang smoke it aja
Oke lah kita maintain
Cuma kayak jangan dipake lagi deh
Iya, ini kenapa bower
Tapi disini grant
Itu integrasi tools-nya
Oh iya
Dulu kan hype-nya salah satu
Kayak keistimewanya
Bower kan sebenarnya kayak
Kalau sekarang buat gantinya NPM
Atau PNPM atau yarn
Tapi itu kayak
Bisa dipake bareng grant
Bisa dipake bareng apa itu punya itu semua
Iya benar-benar
Sebenarnya yang
Yang saya maksud dengan
Subjektif adalah
Kata-kata modernnya
Apakah webpack itu tradisional atau modern
Kalau menurut kalian
Mesti modern-modern aja kan
Bukan
Apapun di dunia nyata
Telefon itu tradisional atau modern
Coba telpon rotary
Rotary phone
Tradisional
Cuma kan
Tradisional tentungan
Buat siapa juga
Nah maksudnya apa
Starting point-nya dimana
Ending point-nya dimana kan
Let's agree bersama
To disagree
Let's agree bersama build tools yang modern itu
Adalah build tools yang
Tidak lagi compile ke commonjs
Atau langsung yang sudah
Menggunakan IS build
Oh berarti standardnya formatnya
Ya kan
Karena itu yang perkenakan CVT kan jaman itu kan
CVT itu muderan
Webpack itu tradisional
Oke
Tapi sekarang kan webpack 5 kan
Buildnya sudah bisa ke IS build juga
Bisa juga
Sebenarnya kalau disconfigure
Ke IS build saja
Let's agree to that part
Jadi build tools yang
Yang sudah mendukung IS build
Itu modern
Yang masih commonjs
Atau yang hanya bisa
Commonjs itu
Something from the past
Oke
Tradisional
Mungkin kita bisa agree disitu
Boleh
Oke
Jadi yang
Saya notice pada saat ngumpulin
Materi
Itu ada ini
Ada universe-universe-nya ternyata ya
Yang pertama adalah
Universe-nya F1U
Kita kan kita sering
Setiap topiknya apapun
Emang kita selalu periodikali
Ketemu universe kan
Ada universe baru
Terus karya F1U
Dan teman-teman ada
Kita star trek
Cari universe baru
Enggak kita itu hidup di dunia
Multiverse
Multiverse
Kita hidup di simulasi
Dimetriks
Tinggal kita mau
Ikut universe-nya siapa
Ya
Jadi 10.0 ini
Kita udah pernah bahas juga ya
Adalah perusahaannya
F1U
Kemudian
Dia ngumpulin tools-tools yang
Nah itu
Sebenernya
Wainya dia kan next generation tooling
Jadi memang positioningnya mereka
Itu sebagai tools alat-alat
Yang tadi kita tanya
Pertanyaan definisinya
Ya udah mereka kan bikin batasan
Ini tools ini contohnya begini loh
Sama modern
Nah modern itu ya apapun
Bisa pake kata next gen
Next gen modern ya kurang lebih bisa
Bisa ini ya
Bisa disamakan gitu
Ada VT
Ada VTES
Kemudian ada rolldown
VT build tool
VTES, test runner
Rolldowner, bender
Rolldown
Berarti VT
Udah gak pake rollup lagi ya
By default
Dulu kan dia pake rollup
Dulu
Betul dia pake rollup
Mereka harus rolldown itu kan
Di VT core kapan gitu
Yang kita bahas juga
Rollup
Iya kan rollup itu
Maksudnya
Kan ini kan untuk build
Si VT nya sendiri
Rollup nya
Kita set up approach yang memakai VT
Terus di belakangnya confignya
Confignya itu rollup
Bisa menambahkan confignya si rollup
Maksudnya
Dia kan feed config
Kalau kita mau customize
Opinionatic nya dia
Rollup nya kita bisa customize
Confignya si rollup
Jadi sebenarnya di behind the scene
Dia pake rollup
Waktu dulu, saya belum coba rolldown
Soalnya
Atau sama aja sebenarnya compatible
VT ini adalah
Pengganti
Bisa menggantikan webpack
Parcel
Apalagi yang build tools yang
Yang
Tidak modern
Tradisional, udah itu aja ya
Babel
Parcel yang modern juga sih
Babel enggak ya
Coba
Apa lagi ya
Kalau
Bower
Bower, branch
Bower, branch
Itu
Runner apa build tools
Gak tau ya
Bingung ya
Oke, lanjut
VT
Nah, ini biasanya
Yang versi modernnya
Versi tradisionalnya apa?
JS bukan tradisional sih
Karena tadi kan kita ngebatesinnya
Komen JS
Oh
Itu yang lebih lama apa?
Nggak tau
Toolkit, automate, enhance
Your workflow
Automate, slow,
Repetitive workflow, ya ini
Type script, dia udah bilang
Type script
Berarti baru juga ini
Ini, iya build tools ya
Bener ya
Build tools ya
Sebetulnya itu juga
Macam-macam kan, ada transpile
Ada bender
Gua nanya
Cgpt
Ini dia bilang
If early
2010
Grand, gulp
Untuk tasking
Di 2010
Sampai 2015, webpack
Semuanya serba webpack karena itu jamannya
React
Terus setelah itu
2020-an
Mulai muncul tuh yang baru-baru kayak
ES build
SWC itu apa ya?
SWC, VT
Turbo pack
Sama ESM
Native build
ES module
Native buildnya langsung
Jadi di note
Package JSON
Itu ES module
Betul
SWC itu baru
Berarti
Kalau secara definisi yang si
Cgpt ini
Berarti yang baru-baru itu ya
ES build
SWC, VT, Turbo pack
Sama ES module
Kalau definisi
Cgpt itu based on
Timeline kan
Waktu, periodo, waktu
Perkara outputnya apa
Tapi saya pernah
Merasakan
React tanpa webpack
Pakai CDN
React element manual
React element manual
Ya kan
React.min.js
Ya kan bisa di input
Pakai script yang biasa ya
Sekarang kayaknya sudah tidak ada yang melakukan itu ya
Lambat
Ada snowpack
Ada banyak sebenarnya
Cuma ya
Datang dan pergi
Fizzbox, baru tahu
Fizzbox
Terakhir ada Fizzbox
Nah kalau Fittest ini
Untuk menggantikan
Jest
Kalau yang populernya Jest sih
Jest, sebelum Jest itu
Sebenarnya turunannya
Jasmine kan
Yang hanya
Berjalan di browser
Belum bisa di Node.js pada saat itu
Akhirnya si React
Bikin Jest itu
Based on Jasmine
Sebelum itu ada satu lagi, apa ya
Test runner
Yang barengan
Sama populernya sama Jasmine
Mocha, Mocha itu runner ya
Mocha itu runner
Test runner doang
Tapi untuk
Apa, untuk
Misalkan kayak
Aster library-nya
Dia harus nambahin lagi, biasanya itu
Temennya itu
Bukan, Chai, Mocha and Chai
Oh ya Chai, Mocha and Chai
Chai seraman
Apa, Istanbul itu
Untuk test coverage
Cover, coverage ya
Ya, test coverage
Itu juga dipakai sampai sekarang sama Jest
Sama Jest sendiri
Dipakai, Vtest juga dipakai
Ya, cuman kan
Main pointnya Vtest ini
Untuk Jest adalah
Jest itu masih banyak menggunakan
Fitur-fitur
Ya itu, tradisional
Jadi masih blotted lah, blotted lah istilahnya
Sebetulnya Jest sama Vtest itu
Hampir like for like sih
Maksudnya, apa, ga ada perbedaan tadi
Ya, perbedaannya sama
Atau apa, beneran hampir
99,9 persen sama
Cuma, karena Vtest
Based on fit, jadi kayak lebih
Ya itu lebih langsing, lebih ringan aja
Lebih langsing, ga butuh bubble
Yang pasti, Jest itu
Butuh bubble, karena fitur-fitur kan ga perlu
Ya, jadi lebih ringan
Itu aja sih, beda
Terus buat, nah
Kalau Jest itu, TypeScript compiler-nya
Beda lagi, kayak harus
Nge-configure lagi, itu pusing tuh
Kalau, apa, buat ngetest
Komponen, ngerender
Komponen, run-end
Ya kan
Rolldown ini pake
Rasya, kalau ga salah ya
Ya, kemudian
Pada saat membangun VT
Sepertinya
Timnya dari
Evan Yu dan temen-temen itu berpikir
Kalau, wah kayaknya roll-up
Udah kurang nih, kita bikin roll-down aja
Yang bikinnya pake
Rasya
Dan dibikin dari awal, jadi
API-nya sama
Tapi kayak rebuild
From the ground up gitu lho
Rebuild from scratch
Intended to serve the future
Bundler use in VT, jadi
Kedepannya ada kemungkinan
Menggunakan roll-down
Meskipun, kalau kita
Mungkin ga berasa ya
Karena ini konsumennya
Adalah framework, maksudnya framework
Atau meta framework
Jadi kita kayak user rapis kedua lah
Kita ga pake langsung
Unless, kecuali kita yang
Kecuali kita bikin framework, kayak si
Siapa? Mas siapa kemaren yang bikin
Bental
Bental, bilang
Bental JS
Oh roll-up buatan
Omrich
Ada OXC
VT
Biasa lagi itu maksudnya
Oh begitu VT, lanjut lagi
Nanti udah pake roll-down by default
Semua yang update-an terbaru
Udah pake roll-down
Oke
Yang tools yang ketiga OXC ini
Saya belum pake nih, belum tau juga ini apa
Sama belum tau
Compiler
Apa lagi nih
Atau tools written in dress
Tapi ada banyak
Transformer
Ya itu cukup deskritif sih
Pulser, linter, resolver
Jadi apa, dipecah-pecah
Dependency library-nya
Lagi-lagi kayaknya kita bukan
Pengguna direct-nya kan
Yang
Yang pakai adalah orang yang bikin library
Yang ya framework
Atau library lainnya yang
Feed, punya yang memanfaatkan
Feed kan
Mungkin yang akan kita pake adalah
Linter dan formater
ESLint dan
Prettier, enggak
Ini Prettier compatible
ESLint faster than
ESLint, kita kayaknya pakai
Bakal pakai, bener nggak
Apa maksudnya yang dilinting itu apa sih
Yang dilinting adalah
Kondak akhirnya
Atau misalnya kita bikin framework
Iya ini replacement
Like direct, mungkin direct
Direct replacement
Gua teranjur pakai biome ya
Teranjur sengaja ini
Bener, pakai biome
Gua juga pakai biome
Ini juga muderan kan
Jatuhnya ya
Biome
Biome ini
Adalah
Ini universnya siapa ya? Ini sendirian
Sebentar, ini enggak kayaknya enggak ada univers
Kayaknya ada sejarahnya nih
Menarik sejarahnya, oh
Dulu
Ada tim dari React
Kalau nggak salah dari Facebook atau dari mana
Terus entah dia
Resen, entah apa, lupa ya
Dia bikin tools namanya Roam
Oh ini yang bikin Roam ya?
Ya
Terus abis itu Roam itu
Di funding
Sama seorang investor
Atau sebuah lembaga investasi
Di funding
Tapi nggak berhasil, duitnya habis
Dan tidak
Melasihkan apa-apa
Akhirnya, dibikinlah versi
Open source-nya, yang tidak
Berkaitan dengan funding itu, jadilah biome
Terus duitnya abis itu gimana?
Gak tahu
Waktu itu sempat ada interview
Timnya juga nggak tahu
Itu duitnya habis dipakai buat apa
Tiba-tiba
Habisan duit aja
Kayaknya buat hiring
Kayaknya sih
Kayaknya abisnya buat hiring kayaknya
Ini kan dulu
Ini banget kan, heboh banget kan
Baru muncul tiba-tiba
Di funding
Padahal bikin nginter doang
Bisa di funding ya
Tapi gagal ya
Udah, menurutnya nggak benar-benar
Yang mau kasih funding buat nginter
Terlalu ini
Terlalu ambisius
Kayaknya ada masalah dengan
Foundernya atau gimana gitu
Apa duitnya dibawa, nggak tahu lah
Jelas, itulah
Akhirnya
Muncul si Biom ini
Kayaknya cuma formatter sama lintar aja
Ini lebih
Simple, jadi like for like
Itu headnya, pretier dan
ESLin. Cuma itu helpful banget
Dalam pengalaman
Prubadi gue
Karena confignya jauh lebih simple
Betul
Pernah merasa ini nggak sih
ESLin sama pretier
Kayak berantem gitu
Kalau lo pake pretier
Diperbaiki, tapi
ESLinnya ngamuk-ngamuk, gue benerin pake
ESLin, pretiernya ngamuk
Ini bisa
Direct replacement nggak sih?
Bisa
Bahkan nggak perlu pake konfigurasi
Zero config
Tapi bisa
Tapi kan open ini jadinya
Di internya, kalau misalnya sesuai dengan
Yang sudah ada sekarang, codebase yang
Sekarang, bisa nggak?
Itu tergantung codebase sekarangnya
Kayak gimana, cuma by default
Ini didesign untuk minimal atau
Bahkan zero config
Beda lagi kalau buat
Existing projectnya
Vintes sudah ada input mocking?
Tidak, kayaknya belum
Apa gue coba
OSX Linter aja kali ya
Daripada pake
Yang ini OSC
Kalau ini belum pernah coba
Ini gimana, maksudnya
Ini dia mengandung banyak ini, kita install
Satu dapat semua gitu
Ya nggak, justru dipecah-pecah
Keliatannya loh
Oh iya, iya, iya
Beda package ya
Jadi mungkin buat yang
Mau integrasiin, tapi kayak
Sebagian-sebagian doang, karena
Maksudnya nggak memungkinkan ditimpa semua kan
Nggak
Oke
Oke ya
Ini cukup ya, universe pertama adalah
Void Zero atau FNU
Sekarang kita masuk ke
Ini ini betar, cuma menarik sih
Lagi liat-liat
OSX Linter nih
Parser, ini tuh kayak
Low level banget dan kayak modular banget
Coba deh lihat yang kayak halaman
Parser lah, contoh
Yang dimana? Yang ini?
Nah iya, buka aja
Buka salah-salah parser
Nah ini kayak dibikin ring
Hina banget, scope-nya tuh kecil banget
Jadi kayak ini cuma buat nge-parse
Parsing JSX
Dan TSX, kayak dia
Tugasnya tanggung jawab
Si library ini tuh kayak
Sedikit banget
"Expand ISM information directly"
"Tidak perlu pakai IS module lexer"
Seumur itu belum pernah pakai
IS module lexer juga padahal
Nah terus
Oh ini buat AST-AST ya
Buat
Compile 3
Ada contohnya juga tapi ya tetap
Yang projectnya Mas Arya
Eee
Yang parser-parser itu
Lupa namanya
Phantom JS
Pasar-pasar
Nah buka aja contoh stack width
S prima
Ya S prima
Oke lanjut
Cuma nge-parse
JS sama
JSX sama TSX ya
Cuma ini menarik sih
Ini kayak dunia yang
Kita semua yang maksudnya
Bikin web kan biasanya ya
Yang apa?
Produk yang buat user facing lah
Yang buat langsung di browser
Nah ternyata ada dunia ini
Coba deh scroll ke bawah buka stack width-nya
Ini
Iya
Ini contoh ya
Iya
Ini
Wasparser
Cepet amat jalan UVT
Terus udah
Nge-parse apa nih dia
Dia nge-parse apa disini coba kita lihat
Di
SAC main
Cuma satu tuh entry pointnya
Yang diparsing test.js
Test.js nyaman aja
Gue gatau
Mungkin dari bawaan dependensinya kali ya
Ya pokoknya
Satu library kerjaannya
Cuma kayak gitu
Yang diparsing hasil JSON-nya juga
Jujur tetap nggak ngerti sih
Tentang test.js kita nggak bisa lihat
Jadi kita nggak tahu bentuknya gimana
Di index.atml kali coba deh index.atml
Dari package-nya
Dari dependensinya kalau gue bilang
Dari node-modules-nya
Dari node-modules-nya nggak kelihatan disini ya
Nggak ada
Nah terus ada vt-config-nya juga
Tetep aja dilihat
Nggak ngerti juga, tapi misalnya menarik sih
Ada dunia kayak gini
Lihat vt-config-nya
Nih kecilan ya
Udah gini doang
Cuma yang targetnya
Optimize depth
Sama build targetnya
Dan hasilnya apa
Dan dipakai buat apapun ya
Entah, yang just name-nya
Apa, field name-nya foo
Itu kan tadi apa
Test.js ya
Oh foo ya
Terus di OXC ini
Juga ada resolver ya
Gitu kayak hal-hal yang
Modular dan low-level banget
Ada resolver, ada transport
Resolver itu dulu
Dipakai di webpack ya dulu ya
Zaman dulu ada webpack, ada resolver-nya kan
Ada resolve ya, kayak apa
Ada callback function-nya gitu kan
Kalau misalnya
Nge-define
Custom endpoint
Masa?
Cek, cek, cek
Koneksinya kali
Di gua aman
Oh aman
Koneksi mas Riza
Berarti
Halo, halo
Oh aman
Gua
Mendengar suara robot dari Ivan
Cek suara
Cek suara
Oke
Sudah mulai
Kita pindah universe ya
Sambil nunggu Ivan
Panjangnya nge-like
Ada universe Un.js
Un.js ini buatan siapa ya?
Ada sosoknya gak sih? Gak ada ya?
Rame-rame ini ya
Relations ini apa?
Relations
Goyang-goyang lagi
Oh, interface ya
Hubungan universe
Bukan orang
Bukan orang ya
Ini adalah kumpulan tools juga
Yang
Ivan sudah kembali
Cek suara
Ini lingkarannya
Ini lingkarannya Anfu
Anfu
Un.js ini Anfu ya
Ya, gak tahu
Bukan dia doang, kali cuma di
GitHub
Organisasinya
Un.js Anfu
Anfu yang mana?
Ya itu
Oh iya
Oh iya
Kan
Un.js ini kan ada kata Anfu
Un.js sebenernya
Ya gak sih?
Un.js javascript loh
Kata Un.js itu
Dari kata Unlish
Ya bukan dari Anfu
Anthony Fu
Ya kan Anfu
Unlish Fu
Beda jauh
Beda satu
Oh, ini Anfu
Oke
Ini universnya Anfu berarti ya
Explore the universe
Kata-katanya ini universe ya
Pengadopsi
Karena emang ini
Package-nya juga banyak banget
63 package
Ya itu ya 63 package
Dan kelihatannya
Ini definisi tools yang
Lebih luas dari yang kita bayangin tadi
Kalau tadi kan semua intinya
Kayak mengkonversi dari
Kode mentah, source code
Jadi production code kan, cuma pipeline itu
Antara apalah
Transfile, Glendler
Kalau ini tuh
Kayak random tools
No tools aja
Oke
Eh, jadi ada ini kan kita ada Eka
Biasanya ada Dui dan ini ada Tri
Oh iya
Laguinya gak ada
Catur loh
Kita belum pernah ada
Nonton yang komen namanya
Catur ya
Panca juga belum
Ya sih, automated markdown
Mentener
Jadi kalau ini kayak definisi tools-nya
Ya kan tools juga
Cuma kan lebih luas lagi
Bukan cuma memproses
Konsola
Elements, console wrapper
Apa yang direp dari isi
Kaga ada apa-apa
Kayak Chalk kali, coba view source aja
Example
Apa sih ini
Apa sih ini
Ini dunia yang menarik ya
Dunia yang kita gak pernah lihat
Biasanya
Jadi console logger ini
Iya
Maksudnya dia wrapper di atas console log
Serius
Jadi fancy output, coba aja
Kayak Chalk, C-H-A-L-K
Itu
Konsola info
Oh, kalau mau bikin tools ya
Kalau mau bikin tools CLI
Ini kayaknya cocok ya
Ini user-nya adalah
Either bikin tools yang gak harus tools CLI kan
Orang yang bikin library atau framework
Iya
Saya pakenya
Sepadanya jaman dulu
Kayak dibilang Eka, saya pakenya Chalk
Jaman dulu
Chalk itu yang kena
Yang kena
Yang kena hack
Yang barusan
Barusan
Itu
Pengaruhnya gede gak sih
Tapi hanya yang
Kalau punya blockchain
Kalau punya blockchain ya, sakit
Sakit ya
Diambil ya duitnya
Katanya sih begitu
Oke
Lanjut
Apa lagi ini yang menarik-menarik
Saking banyak
Defu
Antoni Fu banget ini
Yang menarik buat saya salah satunya ini
Http framework
H3
Pronounced as
H3
Minimal
Http framework
Ini kayak express bukan sih
Atau
Routing
Routing doang
Atau devu-nya atau gimana
Create app
Create router
Ada router-nya
Kayak express
Router, websocket
Router sama websocket
Cuma modern, udah ada websocketnya
Kayak
Hono tapi lebih simpel ya
Hono tapi lebih simpel
Jadi sebenarnya bukan build tool
Bukan build tool doang ya
framework juga ada
Kalau sepanjang
Ini toolnya lebih luas dari
Yang tadi kita bayangin kan
Lebih luas dari
Si point zero tadi kan
Kalau point zero
Ya
Developer tools ya
Ya
Kalau ini
All around
Kalau sepadannya ini
Di PHP
Ini berarti, sepadannya ini
Kalau di PHP namanya, bukan
PHP League
PHP League
League gue coba buka itu
PHP League
Oh dia mengumpulin tools-tools
Gitu ya
Enggak cuma mengumpulin
Dia juga
Beli, akusisi
Bukan
Men-support
Jadi kayak kita
Konsorsi untuk men-support
Secara support
Moral dan support
Finansial
Banyak banget yang ngomong
Kayak gini kan
Kayak itu ya
Jadinya agregator ya
Di indiprasi ya
Enggak, justru mereka jadi
Team
Oke lah kita sesama teman
Se-Indonesia atau sesama kumpulan kita
Yuk kita bikin satu organization
Open source
Yang kita memaintain paket-paket kita bersama
Ya
Terus ada yang
Jadi project lead
Ya kayak koperasi
Nanti ada yang cariin dana
Ada yang cariin dana
Buat dana untuk dapat
Finansial support kayak gitu
Publish
Package dengan sistem
Kalau si Laravel
Kan si Brian Outwell itu
Taylor Outwellnya
Yang punya kendali itu
Iya
Payungnya, Universen ada lagi
Kalau itu kan framework
Terus ada ekosistemnya kan
Yang dibangun di atas framework itu kan
Ya
UNJS
UNJS ini mirip, saya merasa mirip
Kayak Unified atau
English JS, betul
Eh ternyata kalau scroll ke atas
Wordingnya juga udah deskriptif kok
Scroll ke atas lagi
Gateway to our galaxy of
Javascript utilities, betul sih
Tadi cari kata-katanya utilities
Bukan toolchain, toolchain kan tadi
Ngebayangin cuma dari source
Sampai jadi kode, jadi siap
Deploy gitu kan sebenernya
Cuma alur itu doang, gimana kita nulis
React misalnya JSX atau TSX
Itu semua diproses sampai jadi
Ya HTML, CSS, Javascript
Nah kalau ini kan nggak utilities
Libraries, tools
Terus ini fit itu empower
Developers
Kalau di Linux GNU, berarti ini
JC GNU
GNU, ya kan
GNU utility
Kalau Void Zero cuman unified toolchain doang
Oke, kalau Void Zero
Berarti target marketnya adalah pembuat
Library atau framework ya kayaknya ya
Kalau ini kan developer
Seperti kita masih bisa pakai
Mau orang bikin library, bikin
Framework, bikin end project
Bikin aplikasi web juga bisa
Cookie ES lah
Cookie untuk serialize
Serializing cookie
Kan suka ribetuh string-stringnya
Terinspirasi
Kita bikin
Kayak gini juga, tapi yang khusus tool-tool
Yang simple-simple aja kayak
Is event, is odd
Is three, is four, is five
Gitu kan
Is thirteen
Yang personal
Tapi bisa kan
Bukan AI itu
Bukan AI
Useless universe ya
Iya useless universe
Apa dulu yang sampai ada
Ada package-nya cuman
Pad left ya, apa sih cuman buat
Padding
Padding doang
Kalau di interface kayak Apache
Apache itu kan salah satu
Ini kan
Buat funding ya
Fundation dia kan
Itu foundation
Kalau di Dunia Perusaha
Mozilla, fondation kan foundation juga
Tapi banyak juga
Produknya sebenarnya Mozilla
Produknya juga ada banyak ya
Yang dibangun di atas
H3 itu adalah
Nitro, apa kebalikannya ya
Lupa
Nitro adalah
Untuk bikin web server
Udah tadi sama
Bukan
Web framework
Kalo nitro
Kayaknya low level ya
Lebih low level ya
Web servernya doang
Gak ada routing, gak ada apa kan
Kita kan
Kayaknya udah pernah bahas ya nitro ini
Belum ya
Belum
Apa ini
Apa ini
Apa ini
Nitro, nitro app
Saking banyak gak tau lagi ini apa
Iya, maksudnya bedanya
Ini routing ada
Oh iya routing
Ini kayaknya lebih lengkap ya
Kalau tadi itu
Itu tadi kayaknya cuma
Ini ada router, websocket, ada
KVStorage, SSL database
Ada TypeScript
Ada plugin
Ini udah kayak full stack
Nitro dibangun
Di atas H3
H3 yang low level, kebalik kita kebalik
Yakin dibawahnya H3
Jadi kita pake H3, atau jangan
Seperated ya, kayak dijual terpisah
Nah itu kita
Buka relationsnya
Coba
Nandalis
Nitro dipake di NUX
Oh
Make sense sih, kan
Soalnya
Mereka itu circle nya
View
Maksudnya ekosistem
View, masuk akal sih
Oh gak ada H3
Nah ada H3 gak
Eh bentar, Dependency
Dependency
H3
Bener kan
Plus itu semua tadi
Berarti gabungan semua utility tadi
Sama, tadi saya liat aja
DBZero ada
Defu juga ada
Defu kan
Berarti ini gabungan semua ini
Ini produknya dia
Front face nya
Buat developer
Bikin aplikasi ya
Buka relationsnya tadi
Relationsnya ada di
Homepage
Menu atas kanan
Atas
Yang gak di pake gisblock
Nah zoom in coba
Ini apa
Zoom in
Oh, di scroll
Nitro itu
Kelihatan kan
Dia pake semua itu
Sebagai dependency kan
Coba digerakin nitronya bisa gak
Kenapa
Nitronya bisa gak
Digerakin node-node nya bisa gak
Bisa
Pake apa ya
Pake apa ya
D3
D3
Ini yang sendiri
Nyempil sendiri
Ini ada J-E-M-P gym compact
Lihat gak di kiri
Ini UnPDF
Gym compact
Bundle runner
Ini sepatu lagi
Logonya sepatu
Team color
Nanotar
Nanotar
Oh berarti pusatnya ini ya
Nitro ya
Nitro pusat alam semesta
Dan kabelnya
Dipake di Nux
Ujung-ujungnya kayaknya
Nanti produknya adalah nitro
Jadi mereka bikin service
SAS yang untuk
Mendeploy nitro
Yaitu NuxJS
NuxJS
Ya kompetitor
Kompetitor
Teamnya siapa
NuxLab ya
NuxLab yang bikin NuxJS ya bener gak sih
Yang salah satunya adalah
Anfu kan kerja disitu
Kan udah diakuisisi sama Versel
Ntar lagi ada service nya tuh
Kirain Versel tuh
Apa nyaplok
Versel
Versel universe
Semua akan Versel
Pada waktunya
Nah ini
Apa NuxJS
Menarik selain
Berarti nitro yang paling
Di jual. Oh Vets
Ini juga menariknya adalah
Was on note
Brasar end workers
Rapper ya
Jaman dulu kan ada tuh kalo mau
Ada notes Vets
Note Vets
Ada aksil apel aksil semua ya
Karena dulu
Di note belum ada Vets
Dan dulu pertama kali belajar
Belum sadar bahwa browser
Sama JS
Runtime kayak note itu
Beda kasus
API nya bisa beda
Belum tau itu bingung sih dulu
Karena kan ya itu banyak yang
Belum sincron
Ternyata tools-tools
Kecil kayak gini bisa dijadiin library ya
Berapa banyak ya
Bisa dibuat kayak gini ya
Dari sebuah project ya
Gak dan masalahnya mereka
Itu kayaknya reusable
Jadi kayak satu makanya
Sampai ada graphic relations itu
Karena maksudnya apa ya
Apalah serve placeholder
Atau ofets. Gak cuma dipake
Di nitro misalnya. Tapi bisa dipake
Di project-project lainnya juga
Terusnya dependensinya banyak kan
Nah berarti emang satu-satunya
Solusi paling efisien
Ya dipisah
Dipecah-pecah kan
Kayak konsola tadi
Yang si console log
Jadi bisa dipake di kan library misalnya
Kalo mau set up atau apa kan
Pertama ada kayak welcome nya
Atau kayak ada starter nya dari
CLI buat initiate
Buat init kan jadi bisa dipake
Di macam-macam project lain ya
Iya
Untun
Tunnel powered by
Cloudflare
Menarik
Jadi kalo temen-temen mau demo
Masih localhost belum beli domain
Pake ini aja kayak indie rock ya
Iya ini enak sih
Ya itu
Kalo iseng kali beli
PC yang murah gitu
PC gaming second atau apa
Bikin server sendiri deh
Bisa pake
Cloudflare
Tunnel juga bisa
Gratis
Ya itu kan tadi
Ini pake tunnel dari Cloudflare
Cuman ada repernya aja
Ya repernya kayak ngasih API
Yang mengulangkan
Ya elah
Harus pake
Pertanyaannya harus banget
Harus banget
Pake library ginian
Tuh kan
Empowered developer JS
Anak JavaScript
Oke maap
Saya mah tinggal type-type
Jadi
Progress bar aja
Webpack ada loh
Progress bar buat webpack
Bukannya dulu sudah ada ya
Ini kan sudah lama
Di webpack juga ada
Ya nggak tau ini
Dia lebih cepet
Oh gitu
Iya sih selalu
Membandingannya itu jauh lebih cepet gitu
10x ya
Dia kan pake di macem-macem projectnya
Mereka sendiri juga
Blazing fast ya
Blazing fast
Oke
Ini adalah
Universenya
Puntun ya
Puntun
Asli sih
Pengen lihat-lihat
Kayaknya banyak yang bermanfaat
Itu loh yang bisa dipake
Oke
Univers berikutnya
Adalah Deno
Kita udah pernah bahas ya Deno ya
Deno ini
Salah satu ya sebenarnya bukan
Tools ya
Tapi perusahaan dan dia ya
Sama layak kayak
0.0 tadi kan
Dia jadi perusahaan kan
Tapi bedanya kalau
Kalau Deno
Ya walaupun perusahaan
Fokusnya di runtime-nya kan
Walaupun ya itu nanti ada
Universenya juga sih
Ada crash ya, meta promote-nya
Ada ini itunya
Tapi fokusnya adalah runtime
Yang dijual runtime-nya
Yang bikin Deno adalah orang yang bikin
Note
Semua yang mungkin
Yang dia nggak kesampaian Deno
Terus aduh kalau misalnya bisa bikin lagi
Pengen gini nih, pengen gitu nih
Kayaknya akhirnya semua dituangin di Deno
Di Deno
Dan Deno ini
Yang 10 tahun lagi dia bikin nih
Di puter-puter doang
Konet-konet
Jadi si Deno ini
Dia apa
Approesnya agak modern ya
Jadi tidak mengikuti
Ada
Bahasa pemograman
Yang modern seperti
Rust, saya nggak tahu
Rust ada apa nggak, Go
Yang ada formaternya, jadi udah dibawa semua
Untuk tools yang di sekitarnya
Itu udah dibawa semua, jadi kayak Deno ada
Deno formater, walaupun Deno
Formater, tapi bisa
Dipakai juga untuk formater JavaScript
Secara umum gitu
Kan dia udah built in TypeScript kan
Dependensinya, udah ada
TypeScript-nya juga kan
Betul, misalkan kayak Bun
Bun kan nggak tahu sekarang ya
Dulu nggak ada formater, kita bisa pakai Deno format
Gitu
Adakah yang sudah
Menggunakan ekosistem Deno
Yang sudah ada formater dan sebagainya
Ivan pakai, udah migrasi katanya
Pakai Deno
Lengkap kan ya, jadi
Ada runtime-nya
Ada web framework-nya
Ada package registry-nya, npm-nya
Berarti micro-nya ke situ, rewrite semua dong
Kecuali front-end-nya ya
Nggak perlu
Nggak perlu banyak
Dia kayak
Almost kayak
One-to-one replacement, kan masih sama-sama node
Belakangnya, maksudnya
Masih compatible
Dengan node
Kecuali ke BOOM
Ada command-command-nya?
Sama-sama
Kayak VAT, segala macem itu kan sudah standard
Jadi semuanya sudah
Sama, tinggal pakai
Tapi nggak one-to-one replacement sih
Masih ada perlu di tweaking
Cuma sedikit nggak usah
Tapi compatible
Masih bisa, kayak saya pakai
Kok coba compile, error, perbaiki
Pakai AI, perbaiki
Kayaknya 2 jam, 3 jam
Selesai
Jadi bisa compile
Lebih cepat sih sebenarnya
Yang lebih susah bukan teknisnya
Yang lebih susah bukan teknisnya
Yang susah dapat buy-in-nya
Iya
Kayak teman-teman yang lain pada mau nggak
Gak apa-apa, nggak breaking
Kalian nggak bakal ribet install-install
Ini itu
Nanti kalau misalnya ada orang lain yang harus ngerjain
Pasti bisa
Susahnya disana malah
Jadi jangan takut
Kalau mau pindah
Ada deploy juga
Ada hosting
Terus ada beberapa yang seperti
Kok sudah nggak ada ya produk
Berarti
Komersialnya itu sebetulnya
Mereka cari duitnya dari service cloud ya
Intinya maksudnya
Sama enterprise
Ada service untuk enterprise
Jadi kalau mau
Dilayani
Kita nggak mau ngurusin
Segala macem gitu ya
Yang penting mau
Fokus bikin aplikasinya
Mau deploy mau apa, udah kasih kesini aja
Udah isu
Isu
Ada support-nya
Kalau butuh
Ini bagus sih, maksudnya kalau buat apa
Apa bang, atau apalah
Punya institusi ya
Dan startup ya, kayak dunia yang
Kalau startup kan ya udah coba-coba aja
Itu kayak coba-coba
Buat masukin lagi, pernah bikin
Cuma kalau institusi besar
Kan nggak bisa seenaknya gitu
Ini kayak bikin
Menumbuhkan trust lah
Jadi orang berani migrasi kesitu
Yes
Dan yang menariknya adalah si Denno ini
Standard library ini cukup banyak
Kayak asset library-nya ada
Kemudian ada CLI
Kenapa?
Nggak pakai segini banyaknya
Juga sih waktu saya pakai
Iya
Ini kan
Hal-hal yang aman kan
Dote environment, promoter
Bagus sih
Udah aman banget ya berarti
Ecosistemnya
Kan kadang orang
Terutama kalau
Kerjaan ya production app
Ya takut atau kuatir migrasi ke
Ecosistem baru ya nanti tiba-tiba
Aneh-aneh lah, tiba-tiba nggak bisa
Baca file system gitu atau apa
Yang semacamnya gitu kan
Takut, nah kalau ini berarti
Udah, apapun yang ada
Denode, pasti aman di Denode ya
Kompatibel
Bahkan bisa menjalankan
Kayak misalkan pakai express
Bisa aja
Kompatibel kok
Denode di Denode beneran
Ya
Betul
Semua pakai RAS ya
Semua developer pooling
Kecuali BUN
Kenapa pada milih BUN
Emang iya ya
Lebih popular BUN ya
Iya sih
Kan nggak jawabannya kenapa
Lebih cepat, tahu nggak
Karena logonya lucu
Lebih lucu logonya Denode
Lebih cepat, satu
Kedua, mungkin ya nggak tahu juga
Benar atau salah ya
Mungkin target marketnya
Jadi si Denode ini target marketnya adalah
Enterprise
Sementara BUN itu target marketnya
Adalah customer
Itu sih
Developer yang pengen
Click
Coba-coba
Kayaknya ya
Beda engine
Beda engine juga
Beda engine
Capability-nya juga beda
Iya, jadi nggak bisa
Kalau BUN itu tidak bisa one-to-one
Replacement sih sebenarnya dengan
Belum, belum bisa sampe sekarang
Tidak bisa di-replay
Tapi kenapa
Karena kita banyak follow
Kayak channel-channel web dev
Yang explore banget, yang trend yang
Menarik, maksudnya yang emang karena
Curiosity ya, kayak utamain
Penasaran gitu, walaupun mungkin
Selalu bisa direct replacement
Jadi kita ngerasa banyak yang pakai BUN
Ya nggak sih, coba kalau surprise
Time of JS, seberapa banyak
Orang yang, seberapa banyak
Yang beneran pakai BUN
Di real world
Kan itu harus ada angka
BUN dibuat dengan
Zig ya, betul
Beda sama Ras
Zig, zig lah
Oke
Tim marketing BUN lebih jago
Belum tentu
Tergantung marketingnya ke siapa ya
Balik lagi target marketnya siapa
Tapi dari state of JS
Emang lebih tinggi
BUN juga daripada DENO
Ya cuma lagi-lagi yang isi survey
State of JS
Iya, yang isi survey siapa
Coba
Itu menarik sih
Kalau nggak salah, Node.js itu kan
Jaman itu kan lambat
Nggak mau dengerin, atau terus
Kemudian, dari
Internalnya kayak banyak
Konflik dan nggak mau dengerin, akhirnya
Ngestuck disitu kan
Akhirnya munculah DENO
Yang protest dengan
Node
Jadi, lalu
Saat itu
DENO itu kan campaignnya
Kan kalau nggak salah ya, dia bilang
Node itu
Node.js lambat dan kasih
Statistiknya, terus mulai lah
Orang Node.js-nya ngebalas
Kalau
Statistik yang dibikin di DENO itu
Nggak, apa namanya
Nggak valid
Ya, kalau nggak salah pernah ada
Nggak sesuai
Iya
Tetapi, kalau nggak salah mereka
Mengalami perbaikan dan memperbaiki
Performance-nya di Node.js
Jadi Node.js yang selanjutnya
Udah lebih cepat
Dan sekarang ya DENO sama Node.js
Ya, saling
Saling bersaing aja, soal kecepatan
Nah
Tapi, bagus kan
Kalau ada
Di mana ada, tau nggak sih, kayak monopoli
Kalau cuma ada Node.js aja
Nggak ada bun, nggak ada DENO
Itu kan kayak apa ya, kayak Node.js-nya
Nggak ada
Apa, nggak berkembang
Terlambat, mau apa
Semua orang nggak punya pilihan
Nah, ini dengan adanya yang lain-lain
Ya, kayak jadi saling
Ya, karena saling bersaing
Entah kenapa ya
Dari dulu nih, kayaknya ya
Node.js ini kayaknya butuh
Dipecut gitu, butuh ada yang mau
Ya, makanya
Tentunya kayak NPM, NPM lambat
Terus tiba-tiba muncul IR
Abis itu NPMnya, sekarang gara-gara IR
Terus, karena mereka bikin
NPM kan, yang lebih performance NPM kan
Ya
Yang nggak kompatibel
Sama NPM
Jadi
Ya, betul
Memang harus dipecut
Karena mereka udah terlalu besar juga
Sob secara organisasi
Kalau nggak ada
Gak ada sepesaingnya
Node pake feed 8
Ya, Node sama DENO sama-sama pake
Feed 8
Kalau bun, pake JS Core-nya
Safari, WebKit ya
Makanya lebih cepat
Bun katanya, cuman
Kalau DENO itu dia lebih
Mementingkan
Compatibility
Terus juga
Ini
Security, jadi kan
Kita harus, apa kan
Harus enable permisi-permisi
Banyak ya
Kalau di DENO kan
Kalau mau jalanin DENO run aja
Harus pake permisi untuk HTTP
Untuk apa, gitu
Ya, fokus
Pada security, tooling, dan kestabilan
Web standar, betul
Itu target marketnya kan enterprise
Target marketnya enterprise
Balik lagi, dia
Marketingnya tidak ke kita
Marketingnya ke perusahaan kita, jadi agak
Makanya tidak terlalu populer juga
Bun memang
Dikenal dengan kecepatan
Tapi kalau untuk
Compatibilitas, kayaknya DENO
Masih lebih unggul, sedikit lebih unggul
Belum
Sama bun
Tapi trendingnya bun sih
Maksudnya banyak yang pake
Ya, banyak yang pake
Lebih viral lah ya
Untuk B2C kan, virality itu penting
Tapi masih
Para pelakunya masih
Ya, apa namanya
Hobbys, gitu
Ya, paling punya proudnya PrimaGel
Syntax FM
Orang-orang
Ya, cuma bagus sih, maksudnya menarik
Karena banyak developer yang mengadopsi
Tapi bisa, maksudnya
Mereka bakal bawa itu tempat kerjanya
Bisa atau nggak, atau kalau agensi
Agensi kan biasanya punya template
Atau punya, apalagi starter mereka sendiri
Itu beneran
Konsisten dipake atau nggak
Sebenarnya marketing besar-besaran
Di level
Developer individu
Tujuan nya biar
Biar bisa exist
Biar bisa sustain kan, harus kayak gitu kan
Harus dipake buat perjaan, atau project
Atau startup
Yes, DENO mirip Red Hat
Ya, betul
Secara model-modelnya bentuknya kayak gitu ya
Perjetnya adalah enterprise, kayak
Microsoft
Microsoft enterprise ya
Itu kan targetnya, kayak Azure lah
Azure dibandingkan BCP
Semua ditargetin
Kalau Microsoft
Student juga
Karena ada MSDN
MSDNAA
Academic Alliance
Apa itu?
MSDNAA aja
Microsoft Developer Network Academic Alliance
Kalau masih
Yang masuk ke kampus-kampus
Buat masuk ke kampus-kampus
DENO dan MUN ada kayak NVM-nya nggak ya?
Manage versi
Ya versi DENO
Versi manager ya? Versi manager ganti-ganti
DENO 1, DENO 2 kan sekarang?
DENO 2
Versinya belum banyak ya
Versinya belum banyak
Mungkin udah
Beralih ke versi manager
Yang lebih generik mungkin, kayak
Nix
Atau Mise
Apa Mise?
Gak tau, betul Mise itu apa
Mise
Mise
Apa ya namanya ya? Mise Leneos
Mise N, ya ini-ini
Susah banget namanya
Mise Mise
Run N to your death N
Apa ini?
Baru pertama kali denger
Ini versi manager
Tapi buat semua
Bisa Node, bisa Python
Bisa Ruby, bisa Go
Bisa semua
PHP?
Bisa
Bisa semua
Buat umum dia
Kok hebat?
Jadi kayak di CLI
Tapi untuk DX ya?
Itu kan
Sebenernya mau Python atau apa
Tinggal dikomen lain aja kan
Tinggal ngetik aja ya sama
Kayak tunnel itu tadi kali
Ini lagi namanya ASDF
Malas banget sih
Terus kemudian
Kayaknya dia bikin terpisah
Bikinnya beda, jadi ASDF itu ya
Versi manager yang gue tau pertama itu
Terus tiba-tiba
Maintainer yang ini dia bikin baru
Berdasarkan dari ini
Nah ini bisa buat semua juga sama
Basisnya dari situ
Tapi ada kelihatannya ya
Dia bikin toolingnya ya kalau mau
Coba 100 php
Ada contohnya ga ya?
Gak sih liat contohnya misalkan install apa gitu
Plugin
Ada ga ya? List of
Tadi php apa gitu
Plugin
First party
Ada disini ya
ASDF itu loh namanya
ASDF ya
Namanya kurang
Kurang representatif ya
Lebih enak misi ya
Coba di search aja pake
Komenka
Ini
Coba search php
Ini ASDF php
Itu dia masih pake ASDF
Mana
Luh mana oh ini
ASDF misi plugin
ASDF php
Oh dia pake Thomas
Terus
Itu caranya gini
Tinggal di definisikan saja
Mau kasi berapa
Di project ya?
Di project apa?
Bisa di folder per project ga sih?
Bisa di project
Per folder ya
Kalau di device kan
Sebenernya
Di homebrew juga tinggal di list aja kan
Coba kalau ini bisa
Bisa misalkan multiple
Terus bisa pake file ya
Bisa aja file confignya
Contohnya project gua satu
Dia masih di note 14
Tetapi di project yang lain 20
Ada di project lain 22
Tapi kan itu pake NVMRC
Cuma kan kadang ada juga project yang php
74 ada yang 81
Berarti ini bisa
Mesolusikan itu ya
Bisa
Dan berguna ya
Padahal sebelum sampai 10 menit yang lalu
Kita kan ga tau ada project
Ga tau ada tools ini
Ya jadi bisa buat semua
Deno ada ga ya?
Ada nih
Deno 1, deno 2
Sekarang
Apa tadi? Boon
Ada
Ada Boon
Ada dong Boon
Fly ENV apa lagi?
Sama kayak itu kayaknya
All in one full stack environment management tool
Apa lagi nih?
Oh kirain fly.io
Bukan ya?
Nama mirip-mirip ya
Nama
Let's talk more product
Ini malah
Malah ga bikin-bikin produknya karena si
Mutangatik set up
Sama tooling
Gimana caranya? Coba-coba
Getting started
Installing, ok
Install, terus
Cara pakenya
Getting started
Interface
Oh ada GUI-nya
Bisa pilih itu
Lama
Websappernya pakai apache
Reinduce-nya apa?
Kayak Mampro gitu
Oh ada GUI-nya
Samp, Samp
Iya
Samp versi modern
Ada yang ketawa loh, bagus-bagus
Sambor tuh
Emang ada dong Boon
Berhasil-hasil
Bikin ketawa
Dari sekian yang nonton ya, dari 20
Yang ketawa 1 kok
Ya mending
Akhirnya berhasil
Akhirnya juga nyampe sekali aja
Kan ga butuh
Membuat sedunia tertawa
Tapi cukup satu orang tertawa
Itu cukup kok
Targetnya gitu ya, ga muluk-muluk ya
Terhasil mengubah hari
Seseorang tuh penting
Semua rata-rata yang sudah
Yang sudah
Yang sudah jelimat, yang sudah gede
Sudah banyak
Yang harus ditahan
Yang ga bisa lincah
Saking baggage-nya kan
Besar juga
Terus maksudnya, udah dipakai banyak orang
Nanti ininya diubah, di-optimize
Ada bug di bagian apa
Yang obscur banget, tapi
Ternyata ngerusak sistem bang
Atau keamanan apa, dimarain orang banyak
Sama lah, kayak Google juga sama
PHP juga begitu
Ya sama, sama juga kan
Google juga, ya sama lah
Begitu rata-rata
Javascript
Javascript juga sama
Sama kan
Yang IS
Akhirnya dia bikin IS-6 kan ya
Dari IS-5
Eh, IS-3
IS-3
Dari IS-3 ke IS-5 ya
Yang di-skip itu 5 kan ya
4
4 yang di-skip ya
4 di-skip
Terus masuk ke 5 dan 6
PHP
55
Terakhir kan PHP
55
Terus PHP 6 kan di-skip
Berantem kan
Oh berantem
Pokoknya, pokoknya jelimat deh itu
Berantem deh itu di belakang
Makanya keluar si Facebook ngeluarin HHVM
Ingat ga?
Facebook ngeluarin PHP
Rantem sendiri yang
Untuk si Facebooknya
Namanya HHVM
Dan
Dan
Setelah berantem damai
PHP 6 di-skip
Keluarlah PHP 7
Makanya sekarang lancar
Ya memang harus ada kompetitor
Iya harus ada
Intrik ya
Nah itu komen yang atas
Juga tuh Dino lahir karena
Si Ryandle-nya pengen
Menembus Node.js
Tadi kan dia apa hal-hal yang dia
Stuck dia ga bisa
Salurin di Node.js
Ya akhirnya dituangin semua di yang baru
Apa-apa yang monopol itu akan
Stuck kayak BBM kita
Di mana
Ga ada kompetisi, ga bisa
Berkembang
Nah bisa aja 10 tahun lagi nih
Si Dino-nya juga udah
Ya makin lama makin berat
Bagage-nya banyak, 10 tahun lagi kan
Teknologinya kali udah berubah semua
Dia si apa
Si Ryandle-nya bikin lagi Onet
Atau Enote atau apalah
Terakhir dan
Bistrik juga
BBM
Iya iya kasihan
Iya kan semuanya di-strap kan
Jadi ada, memang ada gitu yang
Satunya kan udah mulai susah jalan
Karena terlalu berat, terlalu ini
Tapi
Dari salah satu
Interview-nya si Ryandle adalah
Dia menyebutkan
Kalau dia tidak menyangka Node.js
Bisa sebesar dan secepat itu berkembangnya
Jadi tidak terkontrol
Termasuk NPM
Makanya dia bikin
Registry sendiri kan
Dia tidak menyangka bahwa
Bisa segede ini
Lagian pas dia bikin
Kan nggak kebayang juga
Apa ya, nggak ada patokan
Yang nggak ada benchmark
Yang reliable kan
Dia juga nggak bisa bayangin
Nggak bisa mengkalkulasi
Nggak bisa ngira-ngira adaptasinya kayak gini
Usage-nya kayak gini
Adopsi, kok adaptasi
Dia kan pakai sistem
Mulai aja dulu, dia udah penat
Udah pusing, ya udahlah
Forking aja dulu
Urusan jari gimana ya
Belakangan lah
Iya, dan kayak
NPM itu akhirnya menjadi perusahaan sendiri
Itu kan diluar kontrol dia kan
Jadi
Ada hal-hal yang
Terlalu cepat
Berkembangnya, menyebabkan nggak bisa
Dikontrol lagi, ya termasuk yang
Kejadian-kejadian
Kena hack dan lain-lain itu kan
Gara-gara itu juga salah satu
Kenyebabnya, karena terlalu
Menarik juga tuh dibahas
Supply chain attack
Kan waktu itu kita udah
Pernah bahas security yang sama Mas Irfan ya
Cuma
Keliatannya belum detail soal
Supply chain attack
Aman-aman, Cortex kan
Katanya mau hire orang luar kan
Sebulan jadi kan
Luar negri
Luar negri lah
Luar negri
Sebulan jadi apa?
Jadi anjur
Jadi tambah bingung
Jadi tambah anjur
Enggak lah, 2 minggu doang selesai
2 minggu selesai ya
Apanya, dokumennya
Nah kan ada itu dulu
Vibe coding
Vibe coding
Cortexnya di vibe coding
Oh iya
Benar juga, 2 minggu jadi ya
Ha ha ha ha
Ok ok ok
Ha ha ha
Ha ha ha
Ha ha ha
Ha ha ha
Ha ha ha
Ya saya
Usus bener-benerin
Orang yang apa, error
Rumah salah gara-gara vibe coding
Fixer atau
Cleaner gitu
Tech debt collector
Ha ha ha ha
Ha ha ha
Bisa bisa, keren tuh
Keren tuh hidup bisnis itu
Ada yang ngutang-ngutang jidatangin
Ini
Tapi yang beneran kita
Ha ha ha ha iya
Bukan lagi ya, yang beneran kita ya
Ha ha ha
Oke
Oke cukup
Cukup lah
Polling aja dulu pada
Temen-temen pada pakai
Deno, pada pakai Un.js
Atau pada pakai
Kok malah polling
Bukan, biar tahu
Selanjutnya apa
Jadi, atau tertarik
Mencoba apa selanjutnya
Pengen tahu aja
Sambil menunggu kita
Kita cari topik
Topik, topiknya kan rencananya
Bukan selanjutnya broking
Broking, mau jadi algoritum
Semigul lagi
Iya makanya
Mahal oi, terakhir peliksa sejuta
Iya makanya
Oh beli yang fisik ya
Lupa deh, belinya buku fisik ya
Coba-coba
Emang ada dimana lagi, kalau engga
Ya tapi
Jangan dulu aja, pilih
Topik lain aja
Topik lain, ada ide engga
Temen-temen ada ide topik, monggo silahkan
File Upload Strategie
Oh, ini ada yang baru nih
Kaisa kayaknya baru
Posting ya Kaisa
Ntar
Ada, di Apple
Kaisa apa postin
Project Management Tools
API
API, nah ini
API juga seru nih kita sering
Bahas
API
API versus
File Upload Strategie
Yudah dua itu aja
Suruh pada posting
Beda buku, mindset
Apa sih
Mindset, namanya bukunya mindset
Tebel bukunya, jangan deh
Waktunya
Lebih
Ya harus waktunya lebih hidup
Groking algorithm
Topik minggu depan
Topik minggu depan
Aditya
Aditya itu ya, Aditya
Bargava
Maning kan
Bukan
Penerbit
Maning
Yang gambarnya
Tikus itu kan
Topiknya apa tadi, API sama satu lagi
API sama File Upload Strategie
File Upload Strategie
Si mas Kaisa pasti
Pilihnya yang File Upload Strategie
Malah pilih topik lain
Yang bukan
Iya, ini adalah
Privilege teman-teman yang nonton kan
Kalau yang nonton live
Bisa
Bisa memilih
Tuh kan
Menang File Upload Strategie
Kita tunggu sampai
5 menit, kelamaan gak 5 menit
2 menit aja
2 menit ya
File
Groking algorithm
File Upload
Apa nih
Wah, udah banyak
Contentnya nih, udah
Pertanyaan
Pertanyaan diskusi
Di VPS
Lokal dengan nama random atau langsung
S3, kalau
File yang sipatnya sensitif
Kalau
File yang sipatnya sensitif
Tungguin aja episodenya ya
Gak mau dijawab
1 menit lagi
1 menit lagi, let's go
1 menit lagi
Udah deh, kayaknya yang menang
File Upload deh
8020
Gak ada
Di Amazon gak ada?
Ada sih, cuma
Bisa pisah Kindle-nya dulu deh
Amazon aja kali ya
Iyalah
Ya iya, cuma
Kalau pengen beli buku fisik
Tetep bakal lebih mahal
Lama
Oke, berarti
Kita minggu depan akan bahas
File Upload Strategie
Apa Kaisa sudah
Apa Kaisa mau ikut
Online gak?
Iya, ikut aja
Naikin ke atas, ikutin, ikutan
Ikutin ke atas
Jadi narasumber
Nanti bisa hubungi kita di sini
Loh
Di sini
Di komentar dulu, gak ya?
Gak ada, gak ada
Kalau mau nanti
Gak ada
Fox
Kok macan sih?
Masa-macan kupinya gitu
Fox, Fox
Ya kan kayak Firefox
Mirip, masih
Sobera ubahnya Firefox
Ini kok macan sih?
Basisnya dari Firebase
Kan macan
Tutul
Hah, beda banget
Hah
Aduh, aduh
Ya sudahlah, kalau begitu ya
Terima kasih buat teman-teman semuanya yang hadir malam ini
Kita ketemu lagi minggu depan
Selamat malam, selamat istirahat
Sampai jumpa
Bye-bye
Deskripsi asli dari YouTube
🗣️🕸️ Selasa malam waktunya #ngobrolinWEB! Malam ini akan membahas tentang alat bantu modern seperti vitest, unjs, rolldown, dsb. Tentu saja bersama Ivan dan juga Eka. 🔔 Akan mulai mengudara pukul 20:00WIB ya. Yuk mari diramaikan! Kunjungi https://ngobrol.in untuk catatan, tautan dan informasi topik lainnya.
Episode Terkait
17 Jul 2024
Ngobrolin State of JS Bagian 2
Episode ini adalah kelanjutan pembahasan State of JavaScript 2023, berfokus pada meta framework, testing tools, dan buil...
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...
16 Okt 2024
Ngobrolin ViteConf
Episode ini membahas ViteConf 2024, sebuah konferensi yang menghadirkan ekosistem Vite dan berbagai tools pengembangan w...
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 .