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