Ngobrolin State of JavaScript - Ngobrolin WEB
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 KoreksiEpisode 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
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!
Episode Terkait
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. ...
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. ...
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. ...