EP 145

Toolkit Modern - Ngobrolin WEB

Bagikan:

🗣️🕸️ 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 Koreksi

Episode 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!

Langganan Sekarang

Episode Terkait

Komentar