EP 90

Ngobrolin State of JavaScript - Ngobrolin WEB

Bagikan:

Yuk mari kita diskusi dan ngobrol ngalor-ngidul tentang dunia web. Agar tetap up-to-date dengan teknologi web terkini. Topik, tautan dan pertanyaan menarik bisa dilayangkan ke https://bit.ly/ngobrolinweb Kunjungi https://ngobrol.in untuk catatan, tautan dan informasi topik lainnya.

Ringkasan Episode

Bantu Koreksi

Episode ini membahas hasil State of JavaScript 2023 survey yang baru dirilis, memberikan gambaran komprehensif tentang landscape JavaScript dan web development. Host membahas demografi responden survei yang menunjukkan bias terhadap negara-negara Barat dan English-speaking countries, dengan mayoritas responden berusia 30-39 tahun (milenial) dan berpengalaman lebih dari 4 tahun. Menariknya, 90% responden adalah laki-laki, menunjukkan under-representation perempuan di industri. Pembahasan fitur JavaScript modern meliputi nullish coalescing operator yang banyak dipakai namun sering dilupakan namanya dalam interview, dynamic import untuk lazy loading, private fields untuk class-based development, dan top-level await yang banyak ditunggu. Browser APIs yang dibahas mencakup WebSocket, Geolocation, Web Animation, WebAssembly, dan modern APIs seperti Broadcast Channel dan Temporal untuk date handling. Pain points JavaScript yang dominan meliputi: static typing (JavaScript inherently dynamic sehingga TypeScript menjadi kebutuhan), module system fragmentation antara CJS dan ESM, date/time handling yang tricky (JavaScript month dimulai dari 0), dan slow progress pada type annotation proposal. Isu lainnya adalah too many frameworks dan tools yang membuat developer kebingungan (choice overload), browser support inconsistency (terutama Safari), dan performance issues. Untuk libraries, Webpack menunjukkan grafik fall dari grace - sangat populer di 2017-2020 namun sekarang lebih banyak experience negatif. Vite sebaliknya, dengan tingkat kepuasan sangat tinggi. TypeScript Compiler menempati posisi baik dengan 43% experience positif. Frontend framework landscape masih didominasi React, Vue, dan Angular, dengan Svelte dan Solid.js mulai mendapat traction namun penggunaan di production masih terbatas.

Poin-poin Utama

  • State of JS 2023 survey menunjukkan demografi responden yang 90% laki-laki, didominasi milenial (usia 30-39), dengan experience level 4-6 tahun sebagai mayoritas, dan bias terhadap negara Barat/English-speaking countries
  • JavaScript modern features yang paling banyak dipakai: nullish coalescing operator (??), logical assignment operators (??=), dynamic import untuk lazy loading, array methods baru (toSorted, toReversed, with, findLast), dan top-level await yang sangat ditunggu
  • Browser APIs yang dibahas meliputi WebSocket untuk real-time communication, Geolocation, Web Animation API, WebAssembly untuk performa tinggi, dan modern APIs seperti Broadcast Channel untuk antar-tab communication dan Temporal API untuk date handling yang lebih baik
  • Pain points JavaScript utama: static typing (butuh TypeScript karena JavaScript inherently dynamic), ESM vs CJS fragmentation yang menyebabkan compatibility issues, date/time handling yang tricky (month index mulai dari 0), dan slow progress pada TC39 proposals
  • Tooling issues: too many frameworks dan tools menyebabkan choice overload untuk developer baru, browser support inconsistency (Safari sering tertinggal), dan documentation quality yang bervariasi
  • Webpack menunjukkan fall dari grace - sangat populer 2017-2020 namun sekarang 48% pengguna memiliki experience negatif, sedangkan Vite memiliki tingkat kepuasan sangat tinggi dan semakin menggeser Webpack
  • TypeScript Compiler memiliki 43% experience positif, namun 35% responden mengaku tidak pernah menggunakannya (mungkin tidak aware bahwa project mereka menggunakan TSC di bawah hood)
  • Frontend framework landscape: React masih dominan dengan stabilization, Vue mengalami growth moderat, Angular secara konsisten turun, Svelte dan Solid.js mulai mendapat traction namun penggunaan production masih terbatas karena ekosistem job market
  • Security concerns muncul terkait ketergantungan pada banyak external packages dan libraries, serta poor documentation quality untuk beberapa teknologi
  • Safari mendapat sentimen negatif signifikan terkait ad blocking controversy dan keterlambatan mengadopsi web standards modern dibandingkan Chrome dan Firefox
Transkrip Bantu Koreksi

0:00Halo halo halo selamat malam selamat malam apa kabar semua gimana kabarnya semua semoga

0:26sehat-sehat hujan-hujan berhasil di Bekasi yang jangka robo-robo banjirannya banjir Bekasi banjir

0:37di bukan banyak sih genangan air dan angan air banjir belum dan enggak ya Iya seperti biasa

0:53kita ketemu lagi di selasa malam karena apa Senin harga naik selasa kita berdua biru-biru

1:08itu Eka doang ya enggak biru dan di baju Eka ini sudah ada siapa Maulana Pascal Halo halo

1:30selamat malam

2:00habis liburan panjang atau liburan akhir tahun terus kemudian punya punya apa resolusi tahun

2:07baru resolusi itu semangat nah sekarang ini kan sudah mid-year gitu ya pasti udah pada lupa

2:16resolusi tahun baru udah masuk ke-3 ya quarter ketiga masuk ke-3 dan semakin stress karena

2:27banyak API yang tidak tercapai company udah mulai review ke-1 ke-2 nya Aduh gimana ya mulai dari

2:37strategi-strategi plan B gitu kan menggenjot supaya Q4 nya lebih bagus karena kan kecenderungan

2:46ya kalau kalau bisnis sekolahannya kecenderungan ke Q4 dan akhir tahun kan pasti menurun kan

2:53puasa lebaran menurun tahun baru Natal tahun baru juga menurun jadi harus orang

3:01sibuk menghabiskan uang untuk liburan itu Maren saya ketemu ini Pak Sandika Gali

3:16ketemu pas Andika Gali ternyata beliau lagi liburan semester pendek ternyata jadi lagi nyantai

3:29kalau-kalau pengajuan itu kalau desain lu kalau liburan dikutigur gitu atau harus

3:38secara secara apa namanya secara paperwork ya paperwork dosen itu kan pegawai Universitas ya

3:53Iya fulltime ya dan meskipun mahasiswa libur atau ininya proses belajar mengajar libur mereka tetap

4:00masuk mungkin siapin bahan atau mungkin kalau karena Abang saya kan juga dosennya dan katanya

4:10kalau lagi libur bisa lagi akhir tahun mahasiswa libur ya dia tetap masuk persiapan mengurus lab

4:19persiapan bahan persiapan kurikulum persiapan ini biasanya yang akreditasi nah oh iya dokumen

4:28kalau nggak sibuk aja kalau nggak akredit kalau di luar proses belajar mengajar ya

4:36kalau nggak akreditasi Grand persiapan untuk pengajuan Grand untuk lisa mahasiswa libur dosen ketimbur mencari lomongan dosen minimal

4:49kan pas libur itu ada semester pendek berarti ada dosen yang tidak libur karena harus ngajar

4:55animal

4:58merontalo

5:03ada dari lebih jauh

5:09ya dari mana nih teman-teman domisilnya dimana dimana boleh di komen-komen yang

5:18yang hadir boleh tulis Oh tuh sama-sama ya sama-sama planet ya sama-sama beda-beda salah

5:30bekas itu beda galaksi oke oke mantap aja berarti luar biasa Maulana dari Batam jauh-jauh ya yang

Lihat transkrip lengkap

5:42banyak yang dari luar Jawa Jawa sentris Iya bagus bagus kaget aja ternyata banyak yang dari daerah

5:58yang dari pulau kemarau kalau Batam ayo extended yang terdekat gimana ya Medan Medan sama Aceh juga

6:07Medan ya Medan tapi agak jauh ya Sumatera masih kurang kita ya ini yang gdg Google developer

6:14group ada di sini mungkin harus jual lagi tapi kalau di Jogja target gdg-nya banyak

6:21lantau Jakarta sendiri ugur sendiri Depok sendiri di Sumatera Sumatera cuma berapa

6:28jabar-jabar juga banyak nih ada Bogor ada Bandung depok-depok Jogja ada iya bener juga ada asli

6:52Oh iya di badan Apple developer betul. Dulu pengajarnya kalau nggak salah Desi ya Desi UX ID.

7:02Oh iya inget inget inget.

7:06Oh itu yang dulu apa aja ya?

7:10Apa aja kan?

7:16ya apa aja yang yang apa aplikasi untuk bis bis transportasi umum transportasi umum Jakarta ya

7:27apa aja kateria Jakarta Barat loh tapi Jabar ini beda orang sama Oh nggak Jabar maksudnya singkatan

7:36Jakarta Barat Jakarta Barat Jakarta Barat Jakarta Barat kemarin udah ya Ayo sudah dua ya yang cloud

7:53dan yang sekarang kan kita yang survei dari mana posisinya sekarang survei kalian pakai pakai

8:00apa-apa nanti jawab ya sekalian kita bahas hasil survei yang survei

8:09kalau enggak ada itu enggak ada pancingan itu

8:19bisa lah beri jenisnya tanya-tanya menaik buatlah berikut untuk lopik ini

8:31Bogor-Bogor Ayo X nya kapan ya udah belum-belum ya belum-belum saat bareng sama Surabaya kan

8:432026 yang saya terpaksa tidak bisa hadir iya buku rame Oh bentuk Surabaya juga

8:53baru banget belajar react typescript biasa moding elixir wuih lebih nah nakuahnya mas

9:11kemarin ya iya batik batik kemarin yang minggu lalu ikut dong ya Oh bahas Iya banyak banyak

9:18banyak komentar banyak komentar kayak apa ya kesan komentar banyak berdiskusi banyak mere aktif aktif berkomentar gitu loh oke jadi

9:37malam hari ini kita akan bahas

9:40state of JS survey

9:41state of JS 2023, hasilnya ya

9:44ini kan diambil

9:46di 2023, iya

9:48tapi munculnya kapan ya?

9:50kita agak

9:52baru deh ini

9:54baru-baru banget nih baru banget Iya tapi 2023 ya bukan 2004 ya ya belum bisa 2024 belum keluar

10:02surveinya kan udah survei 2023 terus mereka olah data dulu baru rilis sekarang Nat coba

10:12zoom in deh mereka ngejelasin kok kenapa telat intinya karena sibuk bikin survei lain ini ini

10:18animasinya keren jadi harus kita refresh Oh iya ini ux-nya keren banget sih ini bukan bukan image

10:26ya bukan video CSS video seska ssd-svg-svg-svg pakai CSS kan Iya CSS transition ya transition

10:40Oke ini dia ya udah cukup sih keren nih nah kan bilang pokoknya kayak gitu paham mereka

10:54tuh paham mau saya banyak teknologi baru sih nah terus mereka ngebahas JavaScript hati jadi

11:00apa triknya adalah ingatlah bahwa kita bebas milih ya mau mau yang cutting-edge mau sekolah

11:08bisa juga loh jadi dia bilang sebenarnya bisa juga nggak harus semua langsung diikutin kan bisa juga

11:17kita bisa fokus di teknologi yang sudah stabil nah nanti bukan berarti nggak boleh coba yang baru

11:30tapi ya misalnya mungkin bisa kita nunggu dulu beberapa tahun setahun dua tahun biar yang baru

11:37baru dan yang panas-panas ini agak adem dikit nah terus dia ngejelasin mereka keluar karena

11:45sibuk bikin state of HTML survei baru ya survei baru tentang HTML menarik juga nih

11:54Apa yang dibahas?

11:55Udah bisa dibuka belum? Ada linknya gak?

11:58Ada.

12:00Oh ada juga.

12:03Nanti deh, ini berarti topik minggu depan.

12:07Emang udah hasilnya ya?

12:09Udah.

12:10Udah hasilnya, udah conclusion. Oke, oke, menarik, menarik.

12:14Oke, jadi sebelum kita masuk mungkin ada pertanyaan

12:19Apakah teman-teman merasa merasakan lelahnya mengikuti trans javascript gak sih?

12:26Ini sambil kita bacain ya.

12:28Ada yang tadi, Andrea TypeScript, Andre, kemudian Fubar, Fustak, Next.js, Astro, Haris, Tim Astro ya.

12:43Banyak sih gue, Astro reput.

12:45tapi kayaknya udah apa ya nggak tahu ya kalau sekarang ini kayaknya tidak secepat dulu

12:56Ayo porsi 없이 is pilis dari lemak-limak ya Betul

13:07misalnya necesidades yang baru-baru bukan cuma muncul diagonal tapi bikin

13:15dulu ada Grand money Mas atau Mbak Eka Google tuh ngeluarin ini kan ada puluh

13:28money atau dari company mana ada puluh money yang orang tuh bisa apa misalnya kita tuh bisa

13:37bisa nge-propose dan membuat

13:40proof of concept dan dapat grand money

13:42untuk diterusin

13:44ada seperti itu kan, kayak webpack

13:49atau

13:49tempat dapat grand money

13:52seperti itu kan

13:53Tailwind

13:56itu juga awal-awalnya dapat grand money

13:59jadi

13:59perlomba-lomba untuk dapat grand money sebenarnya

14:03tapi sekarang

14:03perusahaan-perusahaan yang besar itu

14:06sedang mengalami frugal mode jadi sebenarnya grand money sedikit Dan selain Google mode resource yang mereka punya itu kayaknya ganti bisnis strategi sih

14:20Kan sampai sekarang masih ada tuh yang Google ngesupport Next.js dalam hal kayak optimize.js.

14:26Oh ya, Next.js salah satu yang disupport.

14:28Tapi dulu Next.js dapat ini loh, dapat grand money dari Google.

14:33Ya, cuma sekarang biasanya gandanya gak disebar-sebar ke framework baru lagi.

14:37jadi keingin existing dan user base besar dioptimisasi situ kayak misalnya apalah buat

14:43optimis image komponennya next.js biar apa kompatibel sama biar saya optimisasi core

14:51web Vitals nya dan lain-lain nah cuma ini apa justru hal-hal barunya kayak di ekosistem yang

15:00lebih luas sih runtime baru terus muncul model-modelnya apa turso drizzle yang gitu

15:04betul karena muncul rantai baru sekaligus memantik apa framework-framework back-end

15:15berbenah kan kalau dulu kan pemenang kayak pemenang diatasnya itu udah express lah yang

15:21paling atas sekarang muncul ada Elysia JS ada hono ada fastify ada macem-macem gitu ditambah

15:30Jadi diserang dari metaframework juga kan untuk backend.

15:35Iya, metaframework juga pakai backendnya.

15:38Terus juga sekarang kayak React terus apa lagi?

15:44Berlomba-lomba untuk biar bisa jalan di server.

15:48Jadi mungkin lebih apa ya?

15:51Jadi perkembangannya mungkin secara jumlah kuantiti dari frameworknya mungkin tidak bertambah.

15:59tapi secara fitur secara qualitynya yang pertama lebih mendalam sekarang lebih dalam lebih banyak

16:05sama mirip-mirip fitur-fiturnya mirip Iya signal terus apa server komponen server render ya kan

16:16dan itu mulai bergeser jadi javascript standar juga kan kayaknya betul arahnya ke javascript

16:22standar ya. Blog.js nya juga jadi ikut maju jadi overall bagus sih tetap maksudnya apa

16:28enggak bukan maju sendiri-sendiri tapi ekosistemnya juga jadi progress. Nah BTW ngomong-ngomong

16:35disupport oleh company, survey ini juga disupport oleh Google sih ternyata. Lihat scroll ke bawah

16:41Google ke bawah nge-scroll aja Oh Tokyo Day kalau banyak banget itu sih mirip apa logonya Fox juga

16:53itu bukan faksanya itu kunci atau apa find your dream developer ya gitu kronen kronen Master itu

17:03kayak Udemy gitu kan ya Iya platform course tapi premium bukan Udemy ya jadi kronen Master ini agak

17:11karena dia bikin workshop offline

17:12habis itu videonya dijadikan

17:14course

17:15dan mereka profesional banget gitu loh

17:18jadi kayak apa entah punya studio

17:20sendiri atau gimana

17:22instakernya dibetengin ke situ

17:24diterbangin ke

17:26kota tempat mereka

17:28terus syuting pake kamera yang

17:30ya kamera profesional gitu

17:32dan orang-orang yang

17:34bisa datang offline dia bayar

17:36untuk workshop itu selama

17:38mungkin beberapa jam

17:408 jam atau 2 kali 8 jam

17:42gitu kan, habis itu videonya

17:44dipotong-potong, habis itu di online

17:46kan, dijual lagi, jadi 2 kali dia dapat

17:48ini nya, pemasukannya

17:49menarik sih

17:51Mas Lisa pernah didatangi gak?

17:54enggak

17:54kita tunggu

17:57tentang elixir kali ya

18:00sebetulnya mereka

18:01promote nya, kadang ada beberapa

18:04kurs yang waktu lagi live nya

18:06itu nontonnya gratis

18:07nontonnya gratis, betul

18:09betul tapi sayangnya tengah malam ya waktu Indonesia tengah malam dulu belain tuh nonton

18:20rich Harris tuh WCM baskel WIT waktu Indonesia tengah malam tengah malam apa biar biar ini

18:33direkam screennya direkam di record biasa-bisa pinter belum ada di RM belum ada di RM Oke jadi

18:46kita mulai dari mana nih sekarang demografi perlu dibahas karena penting supaya tahu ini nah ini yang

18:59banyak kan responden

19:00iya responden

19:01responden aja sih sebenernya kita tuh

19:04ternyata nah dari kita semua nih

19:06kita bertiga sama semua yang dicat

19:08siapa yang ngisi survei ini

19:10pengen tau

19:12saya juga enggak

19:142022

19:14kebawah ngisi tapi 2023 enggak

19:18udah males

19:20yang menarik

19:22menarik negara-negara yang

19:24populasinya sedikit dan termasuk

19:26negara kecil ya bukan negara major banget

19:28cek cek dia gitu apa cek ya polandia ya mereka berarti pada mereka kan penduduknya jauh lebih

19:37sedikit deh daripada kita cuma berarti persentase dari populasi mereka yang isi kan banyak tapi

19:44banyak datanya agak ke skill loh karena data yang adanya itu banyak Iya ada yang banyak

19:52Oh ya banyak tapi kita masih gak sebanyak kita

19:55Ya jadi maksudnya kan presentasenya

19:58Maksudnya mungkin dari Indonesia yang isi cuma 30 orang gitu

20:01Atau 40 orang atau berapa jadi gak masuk

20:03Sedangkan negara-negara yang jauh lebih kecil

20:06Populasinya jauh lebih sedikit dari kita

20:09Yang isi banyak sampai masuk situ

20:11Kayak itali, cekia, polan

20:13Coba yearly income-nya

20:16Tapi sebentar

20:18Tapi ada biasnya juga

20:20enggak kenapa karena yang bikin si mas sasa Griff ini dia adalah orang Perancis yang tinggal di

20:31Jepang US Oke jadi ada kemungkinan ya sirkelnya dia dan dia itu besar dari komunitas react jadi

20:40ya dari masih ya tapi itu dulu ya dia dia besar di komunitas rakyat dulu awal-awal bikin state

20:48makanya dulu sempat dicicarkan

20:51ini kok Ria yang menang banget gitu

20:53dibandingkan yang lain karena ya memang

20:55circle-nya dia adalah orang-orang yang

20:57bekerja dengan Ria, tapi semakin kesini harusnya

20:59biasnya semakin berkurang

21:01karena semakin banyak orang yang tahu

21:03tadinya pengen bilang juga

21:05bias berbahasa Inggris, ternyata nggak juga tuh

21:08bias berbahasa Inggris, nggak kan?

21:11karena surveinya, tadinya kirain karena

21:13surveinya dalam bahasa Inggris

21:15surveinya ada bahasa lain

21:17Indonesia

21:18Indonesia completion percentage Oh ada di transfer ya di transfer tapi belum keluar surveinya keburu

21:25kelar baru judul-judul ya baru judul-judul negara Anda ya bolehlah lu ciuman bahasa Katalan itu

21:33mose berapa banyak sih orang yang eh eh native language apa speaker of Katalan cuma mose berarti

21:42kayaknya di negara-negara Eropa itu antusiasmenya lebih tinggi ya buat survei-surveian gini

21:49ya baru tahu ada survei ini biasa ngisi survei stack overflow ya stack overflow ada surveinya

21:57biasanya bahasa-bahasa pemogaman lain juga ada beberapa yang punya ngisi survei tahunan

22:06sekarang kita ke yearly income ini gimana bacanya ya Australia min min max nya

22:16itu mungkin ini yang paling dominan kali ya antara 25-50 percentile jadi ya anggap aja

22:30sebaran ini sebaran data bukan rata-rata sebaran datanya yang yang di tengah itu bisa sedikit lebih

22:38berarti yang yang mengarah ke kanan itu yang cukup besar ya lumayan besar dibandingkan yang kekiri ya

22:46berarti di Amerika itu sekitar 125.000 sementara di UK itu 90.000 mediannya ya

22:57oh kalau UK itu ada yang rendah banget ada yang tinggi banget

23:04kalau Denmark dia lebih kecil ini ya kan

23:06tapi overall gambar besarnya kan tetap US lah yang paling jadinya besar

23:12berhijau yang itunya paling banyak juga tetep ya arahnya ke kanan siuskan yang agak-agak

23:22kasian Norway sih mose nggak besar-besar amat padahal biaya-biaya hidup di Norwega

23:28mahal banget lebih mahal dari negara Eropa lainnya Oh ya kanan jalan salmongsa ada di mana ya

23:37ada rancor yaitu yang membawa yang lainnya saya tadi iseng cara nyoba bisa bisa tambah adfilter loh adfilter di atas misalnya serisnya serisnya mau coba bukan edge bukan edge apa ya

24:01turun lagi ada nggak yang lain

24:06itu features

24:11Oh salah ini yang detas-detas yearly income

24:18airden airden airden is itu ganti Oh nggak bisa ya udah paling tinggi yang paling yang paling

24:36enggak lah enggak enggak enggak jangan Iya 100.000 mungkin 100.000 sampai 150.000 terus

24:47dibawah facetnya facetnya di bawah teknologi ada nggak untuk ada frameworknya nggak bisa dipilih

24:59frame-up apa-apa nge-rapiness coba riek-riek riek-riek riek-riek ya udah update cat kirain

25:11kita bakal bisa bikin tampil apa baru cat itu framework yang digunakan apa untuk yang gajinya

25:17yang besar loh jadi yang jeli intanya jeli intanya status-status 50.000 pakai di-gag itu

25:2690% jadi yang gajinya sesuai bersebab pun ibu seluruh yang yang yang sempit 90% Pak

25:43Pak salah satunya bukan ya ya oke memang masih dikuasai Inggris ya bahasa universal

25:56bahasa yang dipakai buat ngisi surveinya deh ya buat ngisi survei betul-betul satunya kali

26:05yang ini bukan dengan coba bukan jalan justru sponsel Iya iya iya iya umur-umur ini genzy

26:20apa milenial milenial yang ini ya milenial 30-39 sampai 49 ini ya ini apa genji gen-gen why-why

26:39Hai ini gizi itu milenial gizi bawahnya Iya masih di sekitaran 30 umur 30-40 ya

26:49kurang lebih yang paling menurut generasi apa dong kita generation girl milenial

26:56milenial enggak tahu milenial pilihannya cuma gen-x gen-y alias milenial genzy genzy

27:08genzy apa ini lagi Iya apa-apa lagi ya belum aja yang konyang gen-y alias milenial itu kelahiran

27:2180-90 kita belom ya masa kita 80 kita genek sekali juga juga lah milenial kali lu ketua

27:322000-an bukan dua tahun 2000 coba-coba real porn work here kok jadi ngomongin generasi sih

27:42ngomongin umur year experience experience ini yang isi survei ada yang diatas 20 tahun Wow 12%

27:534-6 ini berarti kurang lebih senior kali ya senior engineer diri ya 24% terus company size

28:05Wah banyak yang bikam peni juga ada yang satu ini satu apa berarti ini hacker ya

28:12entrepreneur-entrepreneur 2-5 independent ya freelance ya atau ya indihacker gitu-gitu ya

28:23PT perseorangan PT persoalan ini penting penting banget itu sih ini semua pertanyaan kan

28:34bisa di skip

28:36orang kan kadang malas yang ngisi-ngisi yang begini

28:38jadi bisa aja

28:39walaupun yang ngisi sekian gitu

28:42itu cuma

28:43sebagian kecil aja

28:47dari yang ngisi survei

28:48nah

28:50yang sayangnya ini masih dikuasai oleh

28:52lelaki wanitanya jarang isi 90% sembilan country-country gender-gender baik country-country

29:05negara mana yang paling aktif mosep pengikul tetep nggak ada di akad 90 semua itu berarti

29:20Western centric English English centric kalau yang apa koresponden perempuannya cukup besar

29:31source ini apa source Oh ini sumber apa referensi referensi

29:39spesifik spesifik teater sampai ada ada beksnya Oh iya ada mas payership ini ini kan GD ya kita

29:52undang aja Pak Cik kayak bisa aja di GD ya di GD ya pernah kasih kelas cerah bagus banget Oh

30:04Makanya kalau ketemu di summit, undang ke ngobrolnya gitu.

30:10Yuk, yuk, yuk.

30:11Yuk, yuk, yuk.

30:11Dia datang summit yang di Beijing.

30:14Iya.

30:15Dia datang summit yang di US, nggak di Beijing.

30:18Kemarin nggak ketemu ya sama Mas Fireship.

30:21Siapa sih namanya?

30:22Kalau ketemu nggak hafal orangnya sih.

30:25Namanya depannya Jay.

30:26Cuma nggak ingat Josh atau John atau Jack atau apa.

30:30Kayaknya namanya depannya Jay aja.

30:32Iya, oke.

30:33Oke, feature. Ini perlu dibahas nggak feature?

30:36Feature-feature JavaScript ya?

30:38Bahas aja, JavaScript 1.

30:38Bahas.

30:41Ini tentang apa nih?

30:44Tentang fitur bahasa ya?

30:46Sintaksnya JavaScript, jadi belum masuk ke,

30:49sebelum masuk ke framework dan meta framework,

30:52itu JavaScript.

30:52Bisa di-over, coba mouse over ke Nulis Qualizing.

30:56Bisa di-over, di-click, di-click.

30:58Oh, di-click ya? Ada contohnya.

31:00Ini bisa sekalian buat belajar.

31:02kalau kita cuma pengen lihat segilas apa fitur apa yang lagi yang banyak dipakai jadi ini yang

31:12ditanyakan fitur apa yang teman-teman pakai ya di kalian pakai sudah bisa pilih lebih dari

31:19satu pilih semua yang nulis kuali sing ini itu adalah kita suka namanya apa ini istilahnya

31:28kita suka gak tau istilahnya tapi sering pake

31:31kita tau

31:32kita sering pake, kita tau cara kerjanya

31:34tapi kita gak inget, itu namanya

31:36nulis coalescing

31:37intis suatu hari

31:39interview kerjaan, disuruh jelasin nulis coalescing

31:43bingung

31:44apa nih, nulis coalescing ini apa?

31:47ya itu

31:48nul

31:49kalau nul

31:52yang sebelahnya itu

31:56default

31:57default value Oh ini temennya dandan ya dandan ampersand

32:04kalau ini terus kemudian kalau di react sering banget pakai double ampersand double ampersand

32:14double ampersand itu jadi boleh kalau kalau nulis kolesi itu kalau misalnya value dari

32:23ambil default value kalau nul jika ini benar maka Oh ini kayak apa yang ada titik 2

32:33beda sama truth default sih itu lihat bawahnya nol kita pengen nol kan falsi ya tapi misalnya

32:38kita pengen angka nol nol nggak boleh diganti sama default nah itu tetap nol bedanya sama ternary apa

32:45ada if-else nya ya ya dan ternarikan apapun yang

32:56bisa aja ya kalau ini bukan nulis ya Oh karena nol itu bukan nul maka dia yang

33:05banking atau finance atau kita butuhkan kita butuh angka nol kan Maksudnya kita perlu tahu Nol is not nul Oke

33:18Dynamic import.

33:21Nah, ini ada yang mau pakai?

33:22Nil is not nul.

33:24Nil is not nul.

33:25Nol is not nul.

33:27Nil is not nul.

33:29Nul juga.

33:31And nil is not zero.

33:34Nil is an object.

33:35Nul is an object.

33:38not number ada lagi not number ini way dynamic import nah ini dynamic import bedanya sama

33:44import biasa apa lezzy lezzy import lezzy load jadi dia tidak menunggu modul ini untuk loading

33:54ya kalau nggak dikasih wait kan kalau dikasih tetap aja berarti jadi nungguin juga kan ujung-ujungnya

34:01dan ini bisa tidak tadi enggak kan diimport sebelum dipakai enggak kan diimport sampai dipakai

34:09private field nah siapa yang udah pakai private field belum karena nggak pakai kelas lagi udah

34:22udah naik kelas ke fungsional bikin kelas tuh cuma kalau bikin custom element Iya kalau

34:34masih pakai kelas makanya jadi males mulik web komponen yang salah satunya gara-gara

34:40Hai lid itu masih pakai kelas males logikal assignment Oh ini tadi ya ya

34:48ah enggak pernah gue pakai ini ada sama dengannya belum pernah pakai

34:53nah jadi tahu ya bedanya ada-ada ini terus ada sepentingannya

35:03ini gimana nih bacanya duration 50 title kosong kalau adu red dot duration

35:16logical assignment logical assignment jadi kalau kalau nggak ada tapi kalau ada ya udah Oh oke

35:30kalau title is empty makan diambil yang sebelah kanan ya Oke kita juga baru tahu nari keseimbang

35:38nomor apa itu Oh ini indikator sering kalau buat CLI udah biasa sih cuma baru tahu itu

35:50dikit-dikit lo yang pakai Iya jarang jarang yang pakai mungkin sering ada gituannya tuh

35:58Iya biasanya langsung aja udah not spasi bla bla bla jadi enggak pakai enggak dieksekusi di

36:04di sisi OS nya karena kemungkinan besar kita udah install nojess juga kan error kaos

36:15mesej-mesej doang mesin kos bedanya apa Oh iya juga ya baru nyadar biasa mesin

36:27suka-suka yang mengkonsumsi uangnya ya gimana yuk yang kekonsumsi aja nggak tahu bedanya apa

36:37Oke ada kos error nah kapan-kapan kita lihatlah baiklah ini fitur ya

36:47kita fitur string fitur replace all udah di note itu sempet belum support sampai lama

36:58cuma replace doang yang bisa coba can I use Coba klik

37:07dari tadi ada dari tadi itu dibawah

37:14nggak ada not disini iya ya

37:22ya pokoknya not versi berapa gitu ada yang nggak support harus diakalin pakai reggex Oh

37:31pernah ke sering tetap pernah ketikung itu mau kepadamu cek

37:38kalau pakai reggex kan buat reggex ya Iya tapi untuk me semua keseluruhan string ya

37:45Oh enggak pernah pakai kekeks doang bisnis ya kita adalah place buat replace bagian-bagian itu ini

37:58kalau yang match bayi yang di-replace indeksnya yang di ini didapet

38:05karakter-karakter yang iya yes

38:11oke terus reggae kita jarang sih pakai reggae menghindari sekali menggunakan

38:24mulai gara-gara udah ada CGPT saya suka pakai reggex101.com

38:36malesnya pakai reggex itu nulisnya mungkin bisa berhasil menyelesaikan masalah tapi ketika bacanya

38:46bingung lagi harus pakai bantuan lagi jadi kayak apa ya right once read never never read kayak

38:59Apple dong kayak Apple Iya Iya kan lagi seri Pol aslinya memang dari situ yang banyak udah

39:09pas pertama jadi yang penting ngerti itu yuskesnya apa cuma di luar itu cara kerjanya gimana nggak

39:16yang masih bisa replace replace replace ya udah hari plus ajalah ya jangan dikejar ya

39:23gendut unit testingnya gimana terus ngajak dibikin feeling satu contoh-contoh yang fail

39:29Oke next array.

39:32Array ini kok nggak ada yang kayak.

39:35Wah fine mask.

39:36Oh ini.

39:36Fine mask belum ada.

39:38Coba deh klik fine mask.

39:40Fine mask.

39:41Masih menarik ya.

39:44Fine mask.

39:45Oh ini kayak reduce kok nggak.

39:48Oh wow ini shorthandnya filter sih.

39:54Shorthandnya filter tapi kalau.

39:55Ini only available.

39:58Baru ya.

39:58tapi newly

40:01method of array instant

40:04iterates the array in reverse order

40:06and return the value of

40:08first element that satisfies the

40:10provided testing function

40:11dibalik

40:12dibalik

40:14dari kanan

40:15kita gak usah ngebalik arraynya sendiri

40:19terus ngefilter

40:20ngefine sorry

40:22next to sort it

40:27to sorted itu untuk

40:31baca lagi

40:33ini juga nulis available

40:37is the copying version of

40:40short method

40:40tapi copy

40:42gak ngerikan

40:43gak nge-reference

40:47gak nge-reference

40:48gak nge-reference

40:49ini versi fungsionalnya dari short ya

40:54berarti

40:55immutable

40:56to reverse berarti sama

40:59tapi kebalikannya di balik

41:02di balik tapi copy ya

41:04tapi bagus ya gara-gara survey ini

41:08jadi tau ini semua apa

41:09method array baru

41:11bre tau cuma selama ini kan

41:13parno

41:14kamu gak sendiri kok Eka

41:16yang non itu 49% gak tau

41:19iya sebanyaknya

41:219989 orang

41:25splash ini berarti insert an element at index one ya Splice ya kalau di PHP

41:35sering pakai nih Splice tapi ini imutable juga ya bener nggak Iya imutable juga ya

41:43Oke terus pendek-pendek ya karena ada short handnya ada utility

41:554, 5, 2, rewit.

42:00Apa ini rewit?

42:02Setelah 2, masukin 6.

42:06Copy juga using bracket notation to change the value of given index.

42:12Jadi, habis 2 diganti jadi 6 gitu ya.

42:17Bukan, index 2 diganti dengan 6.

42:21Kan kalau aslinya 3.

42:22Oh, angka 3.

42:23value yang reindex kedua

42:26ayo kenapa bingung

42:30karena javascript mulai dari index 0

42:320

42:330

42:34episode kita

42:37index 0 top level await udah sering lah ya ini ya ini yang ditunggu sebenarnya nggak probing fungsi kan udah udah udah ini grafik grafik L ini kan away

43:02teks-teks

43:08lebih seakan error tapi karena course

43:15top level weight jadi nggak perlu bikin fungsi yang asing bisa langsung pakai

43:23itu udah bisa promise any Oh akhirnya ada juga udah pernah pakai udah pernah ini yang risau

43:34pertama ya berarti ya siap apapun yang penting sudah risau yang pertama selesai ya apa sih itu

43:47kalau promise all settled berarti semua

43:55nunggu semua selesai

43:57apa bedanya sama promise all

44:00kan ada promise all juga ya

44:02pokoknya bedanya

44:05berdasarkan resolve or reject

44:07kalau ini semua balik

44:08oh harus semuanya benar

44:11semuanya

44:12selesai dengan

44:14baik

44:17Iya baik resolve maupun reject tunggu semuanya selesai semuanya selesai hasilnya bebas ya

44:24bisa tanpa dancing bisa bisa sekarang bisa ini anda tahu kalau proyeknya bakal error

44:35kalau ada misalnya ada 44 operasi nih satu error yang tiga resolve ini bakal bikin jadi

44:44Kalau all set up itu pasti jalan.

44:48Nunggu selesai semua.

44:50Sorry, bukan bisa tanpa di dalam asing, tapi di top level.

44:54Nggak perlu ada fungsi asing.

44:56Tapi kalau misalkan ada fungsi, awaitnya di dalam fungsi,

44:59functionnya harus tetap ada asingnya.

45:02Di luar berarti boleh.

45:05Di luar boleh.

45:05Jadi misalkan di luar di sini kita tulis langsung asing, await bisa.

45:09tapi kalau misalkan kita punya fungsi misalkan ini function test gitu kan Nah terus di dalamnya ada

45:17weight Nah itu nggak bisa harus ada asingnya tapi kalau disini langsung awet bisa dulu ngakalinnya

45:26harus bikin itu ngetik diive ya ini diet info function function expression expression next

45:43udah abis replikage iklannya Oh ya bukan-bukan bukan kok emang beneran pick of the year nya

45:53we ask member of the javascript community to share what is this recommendation iklan produk ini

46:06Replicate.

46:07Kayaknya apapun deh.

46:08Kayak kalau FM kan ada sick pic tuh.

46:11Ya, maksudnya kalian rekomendasiin apaan.

46:15Real-time collaboration.

46:16Oh, kalau mau bikin software yang real-time collaboration,

46:20offline support, bisa pakai ini gitu ya.

46:23Wah, ini kurang lebih iklan ya.

46:26Iya sih, iklan halus.

46:28Iklan halus.

46:29Soft selling.

46:30Browser API.

46:33Web socket.

46:34udah masuk ke prosesnya kita udah bahas ya sudah biasa sudah biasa geolocation web

46:47gmw animation web assembly visibility web artis webspace API broadcast channelnya

47:00browsing konteks Oh browsing konteks komunikasi antar tem o worker ya

47:14buat komunikasi ke worker ya yang lainnya Oh ini kayak papsap tapi buat browser ya Buat antar tab atau window atau frame temporal ini buat date kita udah pernah bahasnya temporal ya udah bisa ngomong sih ya belum ya belum ada

47:40dimana dia nggak ada ya kena is juga enggak ada ya belum berapa persen dua persen Oke ada lagi

47:55next language and paint point nah menarik nih buatan karyo inu main-main point on lari

48:05freeform itu di surveinya jadi maksudnya bukan pilihan jadi bukan opsi static typing

48:12jadi bukan centang tapi nulis sendiri terus kayak di recap

48:17digabungin ya kategorisasi

48:21static typing

48:25pain point static typing

48:29maksudnya apa?

48:32oh karena javascript tidak static

48:34dynamic-dynamic

48:39answer-answer matching

48:43bisa diklik

48:45freeform

48:47ini orang pada pada jawabnya kayak gitu like of built-in typing typing

48:55tapi digabungin jadi satu ya di grouping ya

48:58keren ya maksudnya cara si sacha bikin reporting ini keren jago ya

49:12jago banget ini pakai apa ya masa orang sih yang ini itu ya ya oke static typing karena

49:27JavaScript enggak ada types nya kemudian ism dan cds karena rupanya antara kamu

49:35yang require atau menggunakan import

49:38atau orang bingung ya

49:40maksudnya kalau misalnya bikin library itu harus bikin apa aja

49:44terus kalau mulis buat frontend langsung

49:47UI kalau dibuild harus apa

49:51coba buka-buka orang pada ngomongnya apa

49:53ESM

49:57implement recordable pipeline operator pattern matching module declaration

50:05karena kan si npm juga bisa dua-duanya kan support dua-duanya kan yang baik yang

50:14common jadinya kadang konflik konflik atau pakai library apa eh cuma support ISM

50:21ya ada typesnya terus kayak yang itu yang mana itu fragmentation yes I'm coming

50:40difference interop ya kurang lebih gitu ya yang ketiga date sending desain time sudah ada dpi

50:52apa iya nggak tahu orang temporal masing-masing baru-baru local localization kan tapi dia di

51:03mana-mana emang tricky sih di enggak juga cuman di javascript di bahasa-bahasa lain juga lebih

51:09makanya timezone kali ya kalau main format mungkin gampang tapi timezone handling itu susah memang

51:15timezone dan date saving kita nge-save date entry itu sebagai apa sih baiknya kayak misalnya seconds

51:22atau apa sih kayak iso format atau gimana itu kan bikin mesin juga tapi yang sangat mengganggu di

51:30JavaScript adalah eh manfnya manfnya itu mulai dari nol Januari itu nol jadi harus kita kain

51:37satu itu enoing banget itu ya walaupun array itu dimulai dari nol ya setuju mengerti tapi kenapa

51:48bulan juga nol dimulai dari nol gitu kalau konsisten masih oke lah kalau iya dari satu

51:55itu yang kurang ini ya typescript support Oh ini kalau untuk remaksa tentu ya

52:06tapi mendepat script suit Merce setiap score not don don read JavaScript automatic like bun specific dan son fcft Oh jadi ini kurang lebih berapa persen 8 berharap JavaScript punya type

52:28system ya ya atau apapun itu sih sebenarnya macam-macam ada yang bilang typescript juga

52:34kurang kurang kurang bisa type-safe di banyak keluhan terkait typescript support kenapa pada

52:41mulai pada teks support pada dulu javascript diciptakan supaya dynamic typing ya karena

52:48bukan untuk aplikasi web seperti sekarang ya terus setelah ada typescript malah jadi

52:54Oh iya harusnya bisa gini harusnya bisa gitu kayak gitu ya dari dulu gitu

52:59kenapa tidak dari dulu browser support buat dibuat JavaScript supaya karena

53:07stres di Java yang selalu serba strict type

53:11manusia itu emang ahlinya ngelupu

53:16data pada javascript menurut data pada java oh ya saya nggak begitu aware mungkin mungkin Oke next

53:25browser support compatibility konsistensi issue bisa jadi ya ini padahal masih berusaha dibutuhin

53:34cara ya baseline dan intro

53:36inconsistent APIs

53:40ini ya

53:43polyfill dan lain-lain ya

53:46slow browser rollout

53:48nah itu masih aja

53:49kayaknya ada yang suka salah

53:52salah kategori deh

53:53ini pake API kayaknya

53:55no browser framework

53:58support natively

54:00user must download vendors

54:02kayak ada standar klipnya

54:05ini harusnya bisa

54:09disolve dengan web component kan ya harusnya ya

54:12gak ada framework

54:18yang didukung secara

54:20native di browser

54:22jadi user gak perlu

54:24pakai CDN atau gak perlu

54:25nambah berapa sekian kilobyte

54:28untuk framework

54:29maunya nanti ada

54:31ini kali ya browser yang sudah include Framework tapi kita bisa pilih move and download version

54:37yang mana ada settingnya nambah gede lah itu browsernya berat banget browser ada AI modelnya

54:48ada Framework performance issue speed performance slow feature adaption kayaknya salah satu tadi

54:57performance promise slow transition ini ini cjs.es script ini semua bingung

55:18emang-emang lambat ya tergantung dia bikin apa tergantung kalau dibaget slip atau setan outnya

55:34panjang gitu kan ampuh sih susah supikin fine what function my fsp-intrigging itu

55:43not modus kegedean slow progress of type annotation proposal

55:57rentang speed very slow progress on PC tertinan proposal

56:07komplain ya maksudnya om mandi kalau terlalu cepat fiturnya dibilang feti terlalu lambat

56:17atau lambat terlalu lambat katanya ada ini ini kan kebanyakan

56:30complain Thomas tooling to many framework jajah jajah itu temen-temen orang bahasa

56:42Spanyol hahaha maksudnya kayak kita wkwk ya kalau mereka harusnya karena JS jadi

56:49JS JS dong itu dong macam apa sih influencer negatif influence

56:57mana Oh ini nomor siapa siapa yang menjelek-jelek JavaScript tahu banyak sih

57:05lumayan siapa sih depresi kan lumayan enggak suka JavaScript kan asya bukannya

57:21salah satu salah satu dan ada video prime itu tentang dia salah satu influencer disini loh

57:29video kreator demokrasi mungkin dengan kritik ya dan dari perspektif kritik ya mau saya emang

57:37personanya berhentinya tahu ada yang kayak yang mengkaitkan ke ini jadi kalau ada JavaScript

57:45javascript dibandingkan dengan typescript ya udah javascript jelek gitu ya itu semua kayaknya salahnya

57:52terlalu ngikutin influencer

57:56too much to learn, too many new technologies and frameworks, the landscape is moving very quickly

58:01JS cuak

58:06cuak

58:08cuak

58:10too much to keep up always new landscape of Sympax jadi tadi bener proposalnya lambat enggak enggak

58:22perut-perut pada Ria nah ini simpan banyak simpat sebaru protes juga karena enggak dia

58:31proof of jadi orang-orang yang kreatif dan punya energi lebih dia bikin sendiri habis

58:37baru-baru diadopsi sama si proposal isi ke-9 modelnya emang begitu kan modelnya

58:45emang begitu Oh bisa dipin ya enggak akan dipin lah di delete delete jangan

58:57Hai apa-apa biarin security nah ini security maksudnya apa ya

59:02fcp lagi gara-gara safety kali tulisan tepsi

59:08terlalu banyak bahaya kan buat security

59:18kalau JavaScript tergantung kepada terpati package atau library

59:31seriusly kebanyakan tuh banyak

59:41tapi awful bagi dia itu bagus tuling can be poor compare to dotnet wuih

59:48Thomas tooling don't like of tools tapi cuma tooling kan beda orang

59:56kategorisasi that's why betul juga ya terlalu banyak pilihan nggak ada pilihan yang maksudnya

1:00:07ya enggak ada cara yang benar dan ada cara yang salah jadi ya tergantung kita mau ikut yang mana

1:00:15sebenarnya dan kadang-kadang buat yang baru belajar seperti itu membingungkan dia membingungkan harus

1:00:24pilih yang mana gitu terus tutorialnya cari yang mana ikutin influencer yang penyampaiannya kurang

1:00:33kalau siswanya masih gimana itu apa namanya kayak misalnya baru belajar sebuah JavaScript

1:00:42atau apa gitu bingung enggak sih ada ini ada itu setupnya gimana gitu karena diajarin jadi

1:00:50udah diarahkan udah ada jalan nya jadikan kita udah siapin adonan udah ada di mereka tinggal

1:00:59ikutin enak apa salah satu kelebihannya belajar di apa sama orang sama mentor ataupun diinstitusikan

1:01:07gitu udah disiapin jalannya kalau yang susah itu yang belajar sendiri biasanya dia harus ngikutin

1:01:15yang mana terus khususnya yang mana enggak ada petunjuk gitu Apalagi kalau kebanyakan ikutin

1:01:21berita terus keracunan sendiri gitu ya Iya ikutin kita aja aman aman karena kita juga bingung ada

1:01:32kalau ngikutin kita nanti semuanya pilih elixir semua ntar ekosistem isu oh ini sama ya kurang lebih ekosistem isu kan yang masalah fragmented

1:01:49ekosistem fragmentation ya, tadi kan ESM lah

1:01:53kecapean, milih-milih, diversity, split ecosystem

1:01:59in karena emang kalau apa JavaScript kan gak opinionated harus nge-build harus testing harus

1:02:11ngelin pakai apa kan bukan framework JavaScript kan bukan framework jadi nggak bisa mengenforce

1:02:17apa workflow untuk building testing linting API pen-point safari safari

1:02:24safari browser support documentation ini

1:02:35ke-6 persen banyak loh banyak loh apa sih kamu terus browser support spesial

1:02:46witsafari Safari over all standardization kita bahas juga ya sekilas waktu itu pas

1:02:58Safari ya sebahagian safari kesukaan dapat negatif stereotip sebagai apa ijaman sekarang tapi yang

1:03:06sekarang udah sebenarnya pelan-pelan udah lagi mau di benerin dengan cara membajak

1:03:12itu ada cerita seru lagi, iya lack of documentation, dates, dates masuk lagi di sini

1:03:27juga juga juga ada betul-betul konten selesai doing their own thing to my chrome only staff

1:03:47ini terlalu banyak kalau yang lain terlalu yang lain terlalu sedikit gitu ya lalu ketinggalan

1:03:53tapi kalau dia enggak begitu kan enggak maju-maju ya enggak terpancing cuma ya apa itu semua yin

1:04:02yang gitu sih kayak force semua browser engine itu kayak force yang saling menyembah apa keimbangin

1:04:09tapi curiganya banyak yang komplain ini salah satunya gara-gara isu eh tidak bisa menggunakan

1:04:20adblock Oh iya mau di itu ya mau di mau ditiadakan karena kan ternyata adblock itu bisa berefek ke

1:04:32YouTube iklan YouTube kan mungkin salah satunya biar di blog supaya ya penghasilannya tetap ada

1:04:41gitu Firefox issue nah Firefox yang kurang cepat lagging behind not supporting many things

1:04:52international segmentation ya no desktop bewa for Firefox lack of adoption ada lagi banyak

1:05:03pwa-nya tapi sedikit-sedikit Oh masih satu hari-hari support soalnya masih belum support

1:05:11dari zamannya Mas Yohan sampai sekarang pwm masih belum ini belum stabil-stabil aja ini

1:05:20iklan terselubung lagi reading list itu menarik sih atas deh jadi itu orang itu blog apa blog

1:05:28developer jadi yang paling atas tadi ngerekomendasiin library ya produk apa

1:05:34service ini ngerekomendasiin developer yang sering bikin blog sering bikin artikel yang

1:05:40bagus Alba syilfenty ini jadi ide-ide story blog jadi juga gede-gede Iya barusan Milan

1:05:50Oh iya, sorry.

1:05:52Undang-undang.

1:05:53UPSJS.

1:05:56WTM.

1:05:58Waktu tengah malam juga itu WTM.

1:06:08Harus di follow ya teman-teman.

1:06:09Harus di follow nih.

1:06:13Yang merekomendasikannya adalah satu kantor.

1:06:16Storyblock juga.

1:06:18Temannya berarti.

1:06:19Reading list ini apa?

1:06:23Sumber baca ya Sumber bacaan Baca dong ini ya betul kertas kertas ini tadi kan

1:06:36Oke.

1:06:41Libraries.

1:06:43Nah itu yang menarik tuh.

1:06:44Kita lanjut ke libraries.

1:06:46Oke kita lanjut ke libraries.

1:06:48Eka kok nge-freeze?

1:06:50Eka nge-freeze.

1:06:54Nah hilang.

1:06:56Oke libraries.

1:06:57Ini ada berapa banyak nih?

1:07:00Libraries experience sentiment.

1:07:02Change over time.

1:07:03Library tireless.

1:07:04Oh ada tireless sekarang.

1:07:05Nanti kita lihat ya.

1:07:06Terus kemudian ada frontend, metaframework, testing, mobile dan desktop,

1:07:12Bluetooth, monorepo.

1:07:14Backend nggak ada.

1:07:17Backend di mana?

1:07:19Di sini ya, other tools ya.

1:07:22Oh iya.

1:07:24Backend masuknya ke other tools.

1:07:26Oke.

1:07:27Kita mulai.

1:07:28Libraries.

1:07:28Libraries.

1:07:30Libraries experience and sentiment.

1:07:32Sentiment.

1:07:33Sentimen itu kayak positif negatif ya

1:07:37Experience nya

1:07:38Webpack

1:07:4042% yang menggunakan

1:07:45Tapi

1:07:46Negative experience nya 48%

1:07:48Jadi lebih banyak negatif nya daripada

1:07:55Yang menggunakan

1:07:59Dan yang positif

1:08:00Yang ingin pakai lagi

1:08:02wepek Oh batik dia pakai dan 48 persennya nggak mau pakai lagi Iya nggak senang bukan

1:08:13nggak mau pakai lagi yang paling sangat kanan ini yang ini pernah denger tapi pengen coba

1:08:22pernah denger tapi nggak pengen coba

1:08:24masih bagi 65% dan pengen pakai lagi tapi 20% nya kurang

1:08:36Hai tetapi nggak mau pakai lagi pakai 6%

1:08:40Yes

1:08:45ini kan tes tes lemoknya isi Oh iya ini lebaris ya ini campur ya lebaris ya

1:08:55lebaris oriakan lebaris benar-benar negatif experience negatifnya 15%

1:09:03dibandingkan 60% itu bagus tuh interesnya bagus VT Sangar 72% suka yang suka cuman 2% sampai

1:09:162% ya juga next.js 44% dan 13% masih cukup tinggi 22-20 nih 50-50 layak PSC typescript

1:09:31Compiler, 43% positif, 9% negatif.

1:09:3935% tidak pernah pakai.

1:09:4135% tidak pernah menggunakan.

1:09:43Jadi dia menggunakan apa?

1:09:44Tidak pernah, bahkan tidak pernah.

1:09:45Tidak pakai TSC.

1:09:46Tidak tahu kali.

1:09:48Tidak tahu ternyata kompilasinya itu menggunakan TSC sebenarnya.

1:09:52Cuma tidak ngeh saja kali ya.

1:09:54Storybook, storybook juga lumayan.

1:09:57Storybook positif.

1:09:58Yes build juga positif view.js ada yang gak suka negatif ya maksudnya ada yang gak suka juga ya

1:10:13ya bisa aja tapi kalau yang belum pakai 50-50 juga ini juga 50-50 Cypress testing ya testing

1:10:23jQuery angular uh kasihan amat 20% ini beda-beda bener-bener bener-bener bedain beda bubble kali

1:10:33ya beda-beda beda-beda yang pakai ngular gak ngisi survei beginian mungkin main ayamnya

1:10:41sampai ketemu ini pertanyaan yang penting jQuery mana-mana Scroll aja sampai ketemu

1:10:47elektron, reactnya di aderflame box

1:10:49Vites, nih Vites salah satu yang promising juga ya

1:10:53walaupun yang pakainya masih sedikit tapi

1:10:55kayaknya tingkat kepuasannya sangat tinggi

1:10:57gue udah pakai dan emang

1:10:59emang mantap ya

1:11:01emang mantap

1:11:02Expo

1:11:04Cordova Svelte 22 Cordova kasihan banget pada gak suka semua gak suka pake kordofa svelte itu 22 dan 3

1:11:17tapi yang denger

1:11:19yang tertarik banyak

1:11:21cuma belum kesampean

1:11:23karena mungkin pekerjaannya

1:11:26bukan di svelte ya

1:11:27ionic

1:11:29wah ini kesukaannya bahyu juga nih

1:11:32ionic nih

1:11:3410%

1:11:35dan 15%

1:11:36banyak yang gak suka bayu kapasitor ada kalau enggak salah Gatsby masih ada ya

1:11:43Gatsby tuh popularitasnya jauh menurun ya Iya udah nggak dimainin gila itunya apa

1:11:54rise and fall nya ekstrim ya kayak tipe naik jangan sebagai pelopornya SSG jamstek

1:12:01Terjun bebas terus sekarang yang tersisa yang pakai juga banyakan sentimen negatif.

1:12:08Astro ini bagus walaupun jumlahnya ya.

1:12:13Totalnya tidak begitu banyak tapi tingkat kepuasannya cukup tinggi.

1:12:18Yang pakai cukup senang dan yang belum pakai tertarik.

1:12:22Sama ya mirip.

1:12:23Astro kayaknya satu.

1:12:25Ya mirip lah satu skena.

1:12:29Priyek.

1:12:31sampai enggak keluar angka lu kecil nih kapasitor nih ada kapasitor

1:12:36lebih dari setengahnya belum-belum pernah denger nggak punya opini Iya kapasitor itu kayak ionik

1:12:48ya bisa bikin aplikasi hybrid mobile dan desktop remix juga tidak begitu banyak tapi yang tertarik

1:12:58juga banyaknya nggak tertarik juga ya dan masih nggak nyangka sih remix jauh lebih kecil dari

1:13:07ya saya Astro atau soal-soalnya kan orang-orangnya orang yang eksis ya mau saya apa ya influencer

1:13:15juga kan prominent di dunia JavaScript ternyata yang itu enggak convert ke sampai orang pakai

1:13:21solid-solid segitu segitu banyak yang menarik yang tertarik ya

1:13:32masih gemanya solid.js itu kan kenceng ya tapi kok kurang kurang track setnya kurang ya cuma

1:13:42denger pengen tapi nggak udah gitu doang nggak pakai gitu kan tergantung ini juga tergantung

1:13:49keamanan pekerjaan kalau ini juga nyambung ke situ jadi maksudnya tertarik lihat oh kayaknya

1:13:57bagus banget kok secara konsep bagus banyak tetapi seharian kerja pakai riad habis kerja

1:14:04ngulik misalnya mungkin pakai swell habis itu udah nggak ada tenaga lagi buat ngulik solid

1:14:10sampai mendalam itu ada lima persen dan dua persen Alpine lumayan ya kasihan banget sih

1:14:21isap ini apa buat semacam compiler itu typescript dan beruang chromatic

1:14:31belum pernah dengar mana or by is build Oke tes up 80% belum dengar dan belum

1:14:43dan opini sentimen positif enggak tahu aja ya enggak tahu levante kuasar ATM X sama kan kayak

1:14:52solid kasusnya saya kayaknya marketingnya mims gitu kan lebih banyak yang tertarik cuma yang

1:15:06belum banyak yang tertarik tapi ya ada yang tidak tertarik juga dengar tapi enggak tertarik kan 30%

1:15:12sama 37 berhasil banyak ya overall banyak yang tertarik cuma enggak sampai nyoba

1:15:16dan wjs apa coba lagi bayom bayom bagus loh

1:15:23tapi hampir nggak ada yang pakai kecil banget sampai nggak muncul langkah sama sekali Oh iya

1:15:32lo Jack where dimana enggak ada ya ada ada ada nanti di di framework yang bukan dan tidak

1:15:46diframo yang ada framework ini library air list ya ini keren nih super serta

1:15:56ini yang lagi yang lagi di atas ya VT Vitesh di s-built mokserver SWC testing library sama

1:16:06Astro yang di tayar e itu ada spedis tst storybook turbopack roll up sama turborepo yang di B ada

1:16:17Yes, Nuke, Next, React, View.

1:16:20Grafik yang menarik itu juga changes over time itu juga.

1:16:25Iya, changes over time nih.

1:16:27Roll up.

1:16:28Oke, turnover, changes over time.

1:16:32Iya, bisa kelihatan tuh.

1:16:33Di hover ke webpack.

1:16:37Jadi dari tahun 2016 dia banyak positive opinion.

1:16:432017 pakai banyak yang pakai 2020 makin banyak yang pakai tapi makin negatif negatif ya Oh ya

1:16:54dia dia piknya berarti di 2017-2020 ya Iya positifnya jangan kalau kalau dia mau dia

1:17:04positif ya tapi sudah mulai turun nih positif opinion terhadap dia ya wajar sih makin turun

1:17:13kalau ini anggular situ-situ doang luar dari dunia ini ya konsisten tapi makin banyak yang

1:17:22pakai makin banyak pakai atau makin banyak yang isi surveinya ya tapi mengarahkan negatif sih

1:17:32hari ini kan 2016 itu lumayan positif 2017 sudah negatif lebih kuat dan kirian negatif

1:17:39Gatsby langsung ke kiri Oh ini parah banget deh paling

1:17:51retention vs usage gimana solid-solid rubor warna-warnanya ini front-end monorepo metode

1:18:1179% dari orang yang udah pakai berhasil di-retain pengen pakai lagi Oh jadi ini

1:18:28yang udah pakai dari yang pakai itu yang berhasil musim pengen pakai lagi berapa

1:18:35banyak berarti kan berarti yang bagus itu dikuadran kanan atas ya Iya banyak yang pakai dan dari banyak

1:18:44yang mau pakai lagi sebagian besar pengen pakai lagi Yes dan webnya banyak yang pakai tapi dari

1:18:54sebanyak itu orang yang pakai pada nggak mau pakai lagi kan Nah yang dikuadran bawah ini yang kiri

1:19:01bawah ini adalah yang jumlahnya sedikit dan tidak mau pakai lagi paling kiri bawah siapa tahu ijo

1:19:08and we do sama kordova-kordova Gatsby selain sian banget karena ionic angular masih di

1:19:19tengah-tengah nih masih diantara kuadran kanan bawah atau kiri bawah

1:19:23oke front-end framework sekarang kita masuk ke framework ya tadi library kan ya ya tapi

1:19:34dari mereka ngakunya library ya tetep ajalah mau say you framework nih ya rie stabil ya stabil naik

1:19:46naiknya cuman tidak terlalu signifikan ya jadi dia stabil ya matcher ya matcher ya

1:19:53ini 80-80 mungkin terdemun kan ini sempat turun tapi turunnya juga satu persen terus naik ini

1:20:02naiknya juga tiga persen dari tahun mungkin itu poin dimana itu tadi siapa si Mas Sasha itu buat

1:20:09sehingga kan ngedistribusi supaya cuma ke lingkungannya doa yang anak-anak semua

1:20:15mungkin mulai tahun-tahun itu dia mulai memperluas apa yang jaringannya jangkauannya

1:20:20angular nomor masih nomor 2 yang gula 2017-2018 sempet naik loh sempet naik lumayan tinggi abis

1:20:32mungkin tahun depan dia bakal naik karena ada rilis baru kan Ini kan belum masuk rilis baru kan Belum kan per 2023 akhir kemarin

1:20:45Iya, mungkin survei tahun depan dia ada kenaikan mungkin.

1:20:50Kenaikan sedikit.

1:20:51Tapi kalau turunnya, konstansi turunnya dikit-dikit.

1:20:56Iya, sama kayak react juga naiknya dikit-dikit.

1:20:59View, kenaikan juga.

1:21:02Kemudian ini diikuti Svelte.

1:21:04konsisten juga itu konstan ada yang signifikan terlalu signifikan naiknya hanya dianggular di

1:21:132017-2018 juga sih 2016-2019 naik begitu muncul swelten lain-lain view naiknya udah

1:21:26se-significant sebelumnya Iya masih dikuasai tiga ini berarti ya empat lah ya Iya yang ini

1:21:34kayaknya masih di kelas main bawah ya 33-3 ngetir ngetir ngetir kalau positivity mah

1:21:44riad agak ada sentimen negatifnya justru ya justru seperti dia yang paling tinggi yang

1:21:52paling tingkat kepuasannya tinggi kali ya ini view ya agak turun apa nih solid-solid lumayan

1:22:02dari ke-2023 begitu ATM X terus ada yang jurnal quick dan terakhir stencil Oke

1:22:19nah sentimennya nih

1:22:2365-20

1:22:25sebagian besar

1:22:27masih seneng kan

1:22:29mau pakai lagi

1:22:30angular yang negatifnya

1:22:33lebih tinggi daripada positifnya ya

1:22:35semasuk yang

1:22:39termasuk yang positif ya

1:22:42relatif banyak yang senang

1:22:44yang pakai gak begitu banyak

1:22:46ada pria, ada lagi

1:22:48Tapi belum banyak loongan pakai svelte berarti ya?

1:22:53Oh my God.

1:22:58Oke, another framework.

1:23:00You can click on any technology name to get extra detail and more in-depth look.

1:23:04Coba dong pakai React atau apa.

1:23:06Ini homepage?

1:23:08Iya, coba yang lain. React, React atas.

1:23:11Oh gitu doang. Deskripsi doang.

1:23:18One Framework Mobile and Cybernetically Enhanced Workplace.

1:23:27Oke, ini juga menarik.

1:23:29Astro yang other ya.

1:23:31Kenapa taruhnya di other?

1:23:34Karena nyampur dengan backend.

1:23:37Ini masuk meta framework kan harusnya ya?

1:23:39Nyampur dengan meta framework.

1:23:40Tapi ada next.js juga pokoknya.

1:23:43dan metaframe work yang rancu laponya kategori lain-lain tapi Astro paling menguasai kalau

1:23:55disini ya 30% 300 responden itu menggunakan Astro udah ada-ada jQuery jQuery berakhirnya

1:24:09kalah sama stimulus

1:24:12sama dengan fresh

1:24:16framework Deno yang sebutannya seperti react

1:24:24kita pernah bahas kayaknya dulu di bahas air atau

1:24:31Iya air and Island asyik arsitektur Oh dia pakai gsx juga merek-rerek tapi bawaan Deno

1:24:42front-end framework happiness

1:24:56seluruhan how happy are you the current state of the framework secara seluruh semakin enggak

1:25:05Pada pilihannya makin banyak.

1:25:09Pemilihan React Issue.

1:25:12Banyak masalah ya.

1:25:15Apa plus 5?

1:25:17Itu ada plus 5.

1:25:19Ada banyak Kategorinya React Issue Excessive Dominance Lack of Signal Slow Progress Community Concern Oh kategorinya re domina like of signal slow progress community concern kurang ya progresnya kurang riaqe ternyata ya

1:25:35sebetulnya ya mungkin wajar ya kan dengan pengetahuan sebanyak itu masa sih mereka

1:25:42mau kerusak-kerusak masukin fitur baru atau fitur yang macem-macem ya pokoknya kan ada

1:25:48pertimbangan itu cuma namanya orang kompen maya bebas namanya masih tutup

1:25:52nggak bisa nggak bisa diklik nggak ada underscore banyak banyak

1:26:01lot of free renders akan sekarang udah ada itu yang baru yang biar nggak

1:26:13ada yang marah loh was di langit ada yang marah loh

1:26:23kita setuju

1:26:30seledhhh the world never was possible before the tendencies

1:26:38complexity lari npm and friendspring never very steep learning for beginners very Oh

1:26:47sejadinya layer view must not come react ini buat view harusnya ya dia masukin create issue

1:26:59react is operated because of corporate use corporate world should reconsider their choice

1:27:07it's beneficial for them in the end view of easy for back-end dev for back-end kalau gua ya ya ya

1:27:18internet 30 selanjutnya siapa enggak tahu is the new angular gitu ya

1:27:27community concern ini apa community concern

1:27:32ria lagi Iya ini masih riek masih reik isu ini tadi ini udah di luar teknologi

1:27:43politik-politik nanti juga muncul juga ini kan masalahnya ya tadi kita udah bahas kompleks juga

1:27:55bingung pilihnya ya kali ya tuh statement-statement aja coba aja bilang

1:28:06statement-statement 3 kali masih dirikai sama hades Pablo mas ekstase

1:28:10black of ability to unit test at management of you are complex with naming skema form

1:28:21I'm looking at you effect reducer

1:28:25Gator setter

1:28:28Speed of change

1:28:36Ada yang spesifik banget, ada yang general banget masalahnya

1:28:41Oke itu iklan ya

1:28:43Oke

1:28:45Sekarang sudah setengah 10

1:28:47Kita mau masuk meta framework dulu

1:28:49atau mau lanjut minggu depan

1:28:51minggu depan aja

1:28:53mesti banyak

1:28:55banyak seru ini soalnya

1:28:59satu-satu kita lihat

1:29:00menarik ya mengikuti

1:29:03komplain-komplainan ini

1:29:06netizen

1:29:06tapi justru komplainan ini

1:29:09kita bisa nambah wawasan

1:29:11kelemahan

1:29:14kelebihan

1:29:15pertimbangan-pertimbangan

1:29:16setiap benar-benar benar ya meskipun harus di ini ya harus di dipisahin signal versus noise

1:29:26jangan dianggap langsung dipercaya penuh telan sepenuhnya selanjutnya harus dirisik lagi kalau

1:29:37teman-teman yang mau nih mendingan belajar yang mana ya Coba ditelah dulu terus habis

1:29:42coba di-reset lagi lebih dalam.

1:29:44Kan tadi di intronya dia udah bilang itu juga.

1:29:47Udah dikasih

1:29:48disclaimer.

1:29:51Ya, itulah

1:29:52salah satu

1:29:55positif

1:29:57dan negatifnya

1:29:58ekosistem JavaScript ya.

1:30:01Berkembangnya terlalu pesat,

1:30:03salah Berkembangnya terlalu lambat juga salah Karena maksudnya JavaScript kan itu ya di jalanin nih berbagai device udah berpuluh tahun tapi harus backwards compatible

1:30:16kayak banyak kondisi-kondisi yang bikin

1:30:18itu jadi absurd

1:30:20keindahan dan kekurangan

1:30:23javascript itu terlalu inklusif

1:30:25semuanya bisa punya

1:30:26opini masing-masing

1:30:28bedanya

1:30:31sama c-shop

1:30:32kalau native

1:30:33nggak deh sisa enggak ada yang ngatur Microsoft yang ngatur begini caranya ini frameworknya

1:30:39ikutin aja udah kalau JavaScript nggak ada yang ngatur ya konsumsiun tetapi teknik

1:30:51segala macamnya punya masing-masing mungkin bisa ini mulai apa mengarah ke

1:30:56tools-tools yang mungkin bisa dimonetize seperti halnya Laravel kalau di PHP

1:31:04seperti kayaknya Astro mengarah ke sana ya kalau ngeliat-liat gaya-gayanya ya

1:31:10Astro ya, dia bikin AstroDB

1:31:13AstroDB ngeluarin tools-tools yang di sekitarnya jadi dia bikin ekosistem sendiri

1:31:19nah kalau udah jadi ekosistem sendiri itu apalagi ada yang berbayar ya dia komplainnya berbeda cara komplainnya

1:31:26enggak komplain ke publik lagi tapi komplainnya ke perusahaan itu enak enggak lihat nah itu bagus

1:31:33buat corporate juga kan kalau udah buat dapat baikin ya relatif lebih mudah lah lebih gampang

1:31:39Iya kalau kalau tools-tools yang open source kan lebih ke ya kalau orang nggak bisa dia komplain

1:31:47misalkan wah dokumentasinya jeleknya komplain bukan kalau misalkan apa yang seperti dotnet

1:31:55bahkan yang dapat supportnya kan bahkan nggak perlu dokumentasi tinggal telepon atau tinggal email minta support gitu kan tinggal bayar

1:32:03karena terlalu open dan terlalu banyak ini ya browser harus disupport backend harus disupport

1:32:14terus ada frontend juga ada ada mobile juga ada hybrid juga

1:32:23bahkan kita nggak semua tools kita bisa paham itu maksudnya apa dia kayak gitu ya kayak mobil aja

1:32:29ada listrik ada bensin ada hybrid ada solar ada minyak tanah minyak tanah mobil siapa pakai minyak

1:32:39ada hidrogen enggak ada yang pakai gas pakai nose hidrogen terbang eh ada mobil-mobil sekarang udah

1:32:53pakai hidrogen itu ya cari aja sekarang Toyota Mirai itu sekarang sudah branding jadi kita minta

1:33:02kalau teman-teman mau beli nanti bisa dapat grap itu apa hidrogen diskon ya dapat hidrogen

1:33:15itu nitrogen nitrogen atau oksigen sebelum kita semakin ngecek jangan lupa

1:33:32kesana.in slash ngobrolin web kita bisa diskusi-diskusi di sana di luar sesi live streaming malam hari ini

1:33:40mungkin ada beberapa yang kecewa karena kita udahan ini seperti Pabst kecewa kita udah

1:33:47menurutkan lagi disimpan XPS ada besok kita cari aja kayaknya tapi lihat deh Oh

1:33:59kordova-kordova ionic itu cuman yoi frameworknya bukan dulu perasaan ionic

1:34:05ada bikin aplikasi hybrid

1:34:08enggak ya? Beda ya?

1:34:09Salah ya?

1:34:13Oh jadi

1:34:13Cordova itu sama kapasitor mirip ya?

1:34:16Terus stencil ada

1:34:18yang pakai ada.

1:34:19Stencil ini buatannya

1:34:20Mozilla maksudnya.

1:34:27Ada yang pakai walaupun enggak banyak.

1:34:30Oke kalau gitu

1:34:32mungkin sekian dulu

1:34:33untuk malam ini. Kita lanjut lagi minggu depan.

1:34:35dengan bagian kedua ya ada masih banyak insight yang bisa kita gali jadi untuk malam ini segini

1:34:46dulu terima kasih banyak untuk semuanya sampai jumpa Amri kedepan bye bye bye bye

1:34:55Terima kasih.

Suka episode ini?

Langganan untuk update episode terbaru setiap Selasa malam!

Langganan Sekarang

Episode Terkait

Ngobrolin State of JS Bagian 2 - Ngobrolin WEB
EP 91

17 Jul 2024

Ngobrolin State of JS Bagian 2 - Ngobrolin WEB

Yuk mari kita diskusi dan ngobrol ngalor-ngidul tentang dunia web. Agar tetap up-to-date dengan teknologi web terkini. ...

Ngobrolin Astro - Ngobrolin WEB
EP 93

20 Agu 2024

Ngobrolin Astro - Ngobrolin WEB

Yuk mari kita diskusi dan ngobrol ngalor-ngidul tentang dunia web. Agar tetap up-to-date dengan teknologi web terkini. ...

Ngobrolin Web API Baru - Ngobrolin WEB
EP 82

13 Mei 2024

Ngobrolin Web API Baru - Ngobrolin WEB

Yuk mari kita diskusi dan ngobrol ngalor-ngidul tentang dunia web. Agar tetap up-to-date dengan teknologi web terkini. ...

Komentar