Ngobrolin State of JavaScript
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
Halo halo halo selamat malam selamat malam apa kabar semua gimana kabarnya semua semoga
sehat-sehat hujan-hujan berhasil di Bekasi yang jangka robo-robo banjirannya banjir Bekasi banjir
di bukan banyak sih genangan air dan angan air banjir belum dan enggak ya Iya seperti biasa
kita ketemu lagi di selasa malam karena apa Senin harga naik selasa kita berdua biru-biru
itu Eka doang ya enggak biru dan di baju Eka ini sudah ada siapa Maulana Pascal Halo halo
selamat malam
habis liburan panjang atau liburan akhir tahun terus kemudian punya punya apa resolusi tahun
baru resolusi itu semangat nah sekarang ini kan sudah mid-year gitu ya pasti udah pada lupa
resolusi tahun baru udah masuk ke-3 ya quarter ketiga masuk ke-3 dan semakin stress karena
banyak API yang tidak tercapai company udah mulai review ke-1 ke-2 nya Aduh gimana ya mulai dari
strategi-strategi plan B gitu kan menggenjot supaya Q4 nya lebih bagus karena kan kecenderungan
ya kalau kalau bisnis sekolahannya kecenderungan ke Q4 dan akhir tahun kan pasti menurun kan
puasa lebaran menurun tahun baru Natal tahun baru juga menurun jadi harus orang
sibuk menghabiskan uang untuk liburan itu Maren saya ketemu ini Pak Sandika Gali
ketemu pas Andika Gali ternyata beliau lagi liburan semester pendek ternyata jadi lagi nyantai
kalau-kalau pengajuan itu kalau desain lu kalau liburan dikutigur gitu atau harus
secara secara apa namanya secara paperwork ya paperwork dosen itu kan pegawai Universitas ya
Iya fulltime ya dan meskipun mahasiswa libur atau ininya proses belajar mengajar libur mereka tetap
masuk mungkin siapin bahan atau mungkin kalau karena Abang saya kan juga dosennya dan katanya
kalau lagi libur bisa lagi akhir tahun mahasiswa libur ya dia tetap masuk persiapan mengurus lab
persiapan bahan persiapan kurikulum persiapan ini biasanya yang akreditasi nah oh iya dokumen
kalau nggak sibuk aja kalau nggak akredit kalau di luar proses belajar mengajar ya
kalau nggak akreditasi Grand persiapan untuk pengajuan Grand untuk lisa mahasiswa libur dosen ketimbur mencari lomongan dosen minimal
kan pas libur itu ada semester pendek berarti ada dosen yang tidak libur karena harus ngajar
animal
merontalo
ada dari lebih jauh
ya dari mana nih teman-teman domisilnya dimana dimana boleh di komen-komen yang
yang hadir boleh tulis Oh tuh sama-sama ya sama-sama planet ya sama-sama beda-beda salah
bekas itu beda galaksi oke oke mantap aja berarti luar biasa Maulana dari Batam jauh-jauh ya yang
Lihat transkrip lengkap (930 segmen lagi)
banyak yang dari luar Jawa Jawa sentris Iya bagus bagus kaget aja ternyata banyak yang dari daerah
yang dari pulau kemarau kalau Batam ayo extended yang terdekat gimana ya Medan Medan sama Aceh juga
Medan ya Medan tapi agak jauh ya Sumatera masih kurang kita ya ini yang gdg Google developer
group ada di sini mungkin harus jual lagi tapi kalau di Jogja target gdg-nya banyak
lantau Jakarta sendiri ugur sendiri Depok sendiri di Sumatera Sumatera cuma berapa
jabar-jabar juga banyak nih ada Bogor ada Bandung depok-depok Jogja ada iya bener juga ada asli
Oh iya di badan Apple developer betul. Dulu pengajarnya kalau nggak salah Desi ya Desi UX ID.
Oh iya inget inget inget.
Oh itu yang dulu apa aja ya?
Apa aja kan?
ya apa aja yang yang apa aplikasi untuk bis bis transportasi umum transportasi umum Jakarta ya
apa aja kateria Jakarta Barat loh tapi Jabar ini beda orang sama Oh nggak Jabar maksudnya singkatan
Jakarta Barat Jakarta Barat Jakarta Barat Jakarta Barat kemarin udah ya Ayo sudah dua ya yang cloud
dan yang sekarang kan kita yang survei dari mana posisinya sekarang survei kalian pakai pakai
apa-apa nanti jawab ya sekalian kita bahas hasil survei yang survei
kalau enggak ada itu enggak ada pancingan itu
bisa lah beri jenisnya tanya-tanya menaik buatlah berikut untuk lopik ini
Bogor-Bogor Ayo X nya kapan ya udah belum-belum ya belum-belum saat bareng sama Surabaya kan
2026 yang saya terpaksa tidak bisa hadir iya buku rame Oh bentuk Surabaya juga
baru banget belajar react typescript biasa moding elixir wuih lebih nah nakuahnya mas
kemarin ya iya batik batik kemarin yang minggu lalu ikut dong ya Oh bahas Iya banyak banyak
banyak komentar banyak komentar kayak apa ya kesan komentar banyak berdiskusi banyak mere aktif aktif berkomentar gitu loh oke jadi
malam hari ini kita akan bahas
state of JS survey
state of JS 2023, hasilnya ya
ini kan diambil
di 2023, iya
tapi munculnya kapan ya?
kita agak
baru deh ini
baru-baru banget nih baru banget Iya tapi 2023 ya bukan 2004 ya ya belum bisa 2024 belum keluar
surveinya kan udah survei 2023 terus mereka olah data dulu baru rilis sekarang Nat coba
zoom in deh mereka ngejelasin kok kenapa telat intinya karena sibuk bikin survei lain ini ini
animasinya keren jadi harus kita refresh Oh iya ini ux-nya keren banget sih ini bukan bukan image
ya bukan video CSS video seska ssd-svg-svg-svg pakai CSS kan Iya CSS transition ya transition
Oke ini dia ya udah cukup sih keren nih nah kan bilang pokoknya kayak gitu paham mereka
tuh paham mau saya banyak teknologi baru sih nah terus mereka ngebahas JavaScript hati jadi
apa triknya adalah ingatlah bahwa kita bebas milih ya mau mau yang cutting-edge mau sekolah
bisa juga loh jadi dia bilang sebenarnya bisa juga nggak harus semua langsung diikutin kan bisa juga
kita bisa fokus di teknologi yang sudah stabil nah nanti bukan berarti nggak boleh coba yang baru
tapi ya misalnya mungkin bisa kita nunggu dulu beberapa tahun setahun dua tahun biar yang baru
baru dan yang panas-panas ini agak adem dikit nah terus dia ngejelasin mereka keluar karena
sibuk bikin state of HTML survei baru ya survei baru tentang HTML menarik juga nih
Apa yang dibahas?
Udah bisa dibuka belum? Ada linknya gak?
Ada.
Oh ada juga.
Nanti deh, ini berarti topik minggu depan.
Emang udah hasilnya ya?
Udah.
Udah hasilnya, udah conclusion. Oke, oke, menarik, menarik.
Oke, jadi sebelum kita masuk mungkin ada pertanyaan
Apakah teman-teman merasa merasakan lelahnya mengikuti trans javascript gak sih?
Ini sambil kita bacain ya.
Ada yang tadi, Andrea TypeScript, Andre, kemudian Fubar, Fustak, Next.js, Astro, Haris, Tim Astro ya.
Banyak sih gue, Astro reput.
tapi kayaknya udah apa ya nggak tahu ya kalau sekarang ini kayaknya tidak secepat dulu
Ayo porsi 없이 is pilis dari lemak-limak ya Betul
misalnya necesidades yang baru-baru bukan cuma muncul diagonal tapi bikin
dulu ada Grand money Mas atau Mbak Eka Google tuh ngeluarin ini kan ada puluh
money atau dari company mana ada puluh money yang orang tuh bisa apa misalnya kita tuh bisa
bisa nge-propose dan membuat
proof of concept dan dapat grand money
untuk diterusin
ada seperti itu kan, kayak webpack
atau
tempat dapat grand money
seperti itu kan
Tailwind
itu juga awal-awalnya dapat grand money
jadi
perlomba-lomba untuk dapat grand money sebenarnya
tapi sekarang
perusahaan-perusahaan yang besar itu
sedang mengalami frugal mode jadi sebenarnya grand money sedikit Dan selain Google mode resource yang mereka punya itu kayaknya ganti bisnis strategi sih
Kan sampai sekarang masih ada tuh yang Google ngesupport Next.js dalam hal kayak optimize.js.
Oh ya, Next.js salah satu yang disupport.
Tapi dulu Next.js dapat ini loh, dapat grand money dari Google.
Ya, cuma sekarang biasanya gandanya gak disebar-sebar ke framework baru lagi.
jadi keingin existing dan user base besar dioptimisasi situ kayak misalnya apalah buat
optimis image komponennya next.js biar apa kompatibel sama biar saya optimisasi core
web Vitals nya dan lain-lain nah cuma ini apa justru hal-hal barunya kayak di ekosistem yang
lebih luas sih runtime baru terus muncul model-modelnya apa turso drizzle yang gitu
betul karena muncul rantai baru sekaligus memantik apa framework-framework back-end
berbenah kan kalau dulu kan pemenang kayak pemenang diatasnya itu udah express lah yang
paling atas sekarang muncul ada Elysia JS ada hono ada fastify ada macem-macem gitu ditambah
Jadi diserang dari metaframework juga kan untuk backend.
Iya, metaframework juga pakai backendnya.
Terus juga sekarang kayak React terus apa lagi?
Berlomba-lomba untuk biar bisa jalan di server.
Jadi mungkin lebih apa ya?
Jadi perkembangannya mungkin secara jumlah kuantiti dari frameworknya mungkin tidak bertambah.
tapi secara fitur secara qualitynya yang pertama lebih mendalam sekarang lebih dalam lebih banyak
sama mirip-mirip fitur-fiturnya mirip Iya signal terus apa server komponen server render ya kan
dan itu mulai bergeser jadi javascript standar juga kan kayaknya betul arahnya ke javascript
standar ya. Blog.js nya juga jadi ikut maju jadi overall bagus sih tetap maksudnya apa
enggak bukan maju sendiri-sendiri tapi ekosistemnya juga jadi progress. Nah BTW ngomong-ngomong
disupport oleh company, survey ini juga disupport oleh Google sih ternyata. Lihat scroll ke bawah
Google ke bawah nge-scroll aja Oh Tokyo Day kalau banyak banget itu sih mirip apa logonya Fox juga
itu bukan faksanya itu kunci atau apa find your dream developer ya gitu kronen kronen Master itu
kayak Udemy gitu kan ya Iya platform course tapi premium bukan Udemy ya jadi kronen Master ini agak
karena dia bikin workshop offline
habis itu videonya dijadikan
course
dan mereka profesional banget gitu loh
jadi kayak apa entah punya studio
sendiri atau gimana
instakernya dibetengin ke situ
diterbangin ke
kota tempat mereka
terus syuting pake kamera yang
ya kamera profesional gitu
dan orang-orang yang
bisa datang offline dia bayar
untuk workshop itu selama
mungkin beberapa jam
8 jam atau 2 kali 8 jam
gitu kan, habis itu videonya
dipotong-potong, habis itu di online
kan, dijual lagi, jadi 2 kali dia dapat
ini nya, pemasukannya
menarik sih
Mas Lisa pernah didatangi gak?
enggak
kita tunggu
tentang elixir kali ya
sebetulnya mereka
promote nya, kadang ada beberapa
kurs yang waktu lagi live nya
itu nontonnya gratis
nontonnya gratis, betul
betul tapi sayangnya tengah malam ya waktu Indonesia tengah malam dulu belain tuh nonton
rich Harris tuh WCM baskel WIT waktu Indonesia tengah malam tengah malam apa biar biar ini
direkam screennya direkam di record biasa-bisa pinter belum ada di RM belum ada di RM Oke jadi
kita mulai dari mana nih sekarang demografi perlu dibahas karena penting supaya tahu ini nah ini yang
banyak kan responden
iya responden
responden aja sih sebenernya kita tuh
ternyata nah dari kita semua nih
kita bertiga sama semua yang dicat
siapa yang ngisi survei ini
pengen tau
saya juga enggak
2022
kebawah ngisi tapi 2023 enggak
udah males
yang menarik
menarik negara-negara yang
populasinya sedikit dan termasuk
negara kecil ya bukan negara major banget
cek cek dia gitu apa cek ya polandia ya mereka berarti pada mereka kan penduduknya jauh lebih
sedikit deh daripada kita cuma berarti persentase dari populasi mereka yang isi kan banyak tapi
banyak datanya agak ke skill loh karena data yang adanya itu banyak Iya ada yang banyak
Oh ya banyak tapi kita masih gak sebanyak kita
Ya jadi maksudnya kan presentasenya
Maksudnya mungkin dari Indonesia yang isi cuma 30 orang gitu
Atau 40 orang atau berapa jadi gak masuk
Sedangkan negara-negara yang jauh lebih kecil
Populasinya jauh lebih sedikit dari kita
Yang isi banyak sampai masuk situ
Kayak itali, cekia, polan
Coba yearly income-nya
Tapi sebentar
Tapi ada biasnya juga
enggak kenapa karena yang bikin si mas sasa Griff ini dia adalah orang Perancis yang tinggal di
Jepang US Oke jadi ada kemungkinan ya sirkelnya dia dan dia itu besar dari komunitas react jadi
ya dari masih ya tapi itu dulu ya dia dia besar di komunitas rakyat dulu awal-awal bikin state
makanya dulu sempat dicicarkan
ini kok Ria yang menang banget gitu
dibandingkan yang lain karena ya memang
circle-nya dia adalah orang-orang yang
bekerja dengan Ria, tapi semakin kesini harusnya
biasnya semakin berkurang
karena semakin banyak orang yang tahu
tadinya pengen bilang juga
bias berbahasa Inggris, ternyata nggak juga tuh
bias berbahasa Inggris, nggak kan?
karena surveinya, tadinya kirain karena
surveinya dalam bahasa Inggris
surveinya ada bahasa lain
Indonesia
Indonesia completion percentage Oh ada di transfer ya di transfer tapi belum keluar surveinya keburu
kelar baru judul-judul ya baru judul-judul negara Anda ya bolehlah lu ciuman bahasa Katalan itu
mose berapa banyak sih orang yang eh eh native language apa speaker of Katalan cuma mose berarti
kayaknya di negara-negara Eropa itu antusiasmenya lebih tinggi ya buat survei-surveian gini
ya baru tahu ada survei ini biasa ngisi survei stack overflow ya stack overflow ada surveinya
biasanya bahasa-bahasa pemogaman lain juga ada beberapa yang punya ngisi survei tahunan
sekarang kita ke yearly income ini gimana bacanya ya Australia min min max nya
itu mungkin ini yang paling dominan kali ya antara 25-50 percentile jadi ya anggap aja
sebaran ini sebaran data bukan rata-rata sebaran datanya yang yang di tengah itu bisa sedikit lebih
berarti yang yang mengarah ke kanan itu yang cukup besar ya lumayan besar dibandingkan yang kekiri ya
berarti di Amerika itu sekitar 125.000 sementara di UK itu 90.000 mediannya ya
oh kalau UK itu ada yang rendah banget ada yang tinggi banget
kalau Denmark dia lebih kecil ini ya kan
tapi overall gambar besarnya kan tetap US lah yang paling jadinya besar
berhijau yang itunya paling banyak juga tetep ya arahnya ke kanan siuskan yang agak-agak
kasian Norway sih mose nggak besar-besar amat padahal biaya-biaya hidup di Norwega
mahal banget lebih mahal dari negara Eropa lainnya Oh ya kanan jalan salmongsa ada di mana ya
ada 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
turun lagi ada nggak yang lain
itu features
Oh salah ini yang detas-detas yearly income
airden airden airden is itu ganti Oh nggak bisa ya udah paling tinggi yang paling yang paling
enggak lah enggak enggak enggak jangan Iya 100.000 mungkin 100.000 sampai 150.000 terus
dibawah facetnya facetnya di bawah teknologi ada nggak untuk ada frameworknya nggak bisa dipilih
frame-up apa-apa nge-rapiness coba riek-riek riek-riek riek-riek ya udah update cat kirain
kita bakal bisa bikin tampil apa baru cat itu framework yang digunakan apa untuk yang gajinya
yang besar loh jadi yang jeli intanya jeli intanya status-status 50.000 pakai di-gag itu
90% jadi yang gajinya sesuai bersebab pun ibu seluruh yang yang yang sempit 90% Pak
Pak salah satunya bukan ya ya oke memang masih dikuasai Inggris ya bahasa universal
bahasa yang dipakai buat ngisi surveinya deh ya buat ngisi survei betul-betul satunya kali
yang ini bukan dengan coba bukan jalan justru sponsel Iya iya iya iya umur-umur ini genzy
apa milenial milenial yang ini ya milenial 30-39 sampai 49 ini ya ini apa genji gen-gen why-why
Hai ini gizi itu milenial gizi bawahnya Iya masih di sekitaran 30 umur 30-40 ya
kurang lebih yang paling menurut generasi apa dong kita generation girl milenial
milenial enggak tahu milenial pilihannya cuma gen-x gen-y alias milenial genzy genzy
genzy apa ini lagi Iya apa-apa lagi ya belum aja yang konyang gen-y alias milenial itu kelahiran
80-90 kita belom ya masa kita 80 kita genek sekali juga juga lah milenial kali lu ketua
2000-an bukan dua tahun 2000 coba-coba real porn work here kok jadi ngomongin generasi sih
ngomongin umur year experience experience ini yang isi survei ada yang diatas 20 tahun Wow 12%
4-6 ini berarti kurang lebih senior kali ya senior engineer diri ya 24% terus company size
Wah banyak yang bikam peni juga ada yang satu ini satu apa berarti ini hacker ya
entrepreneur-entrepreneur 2-5 independent ya freelance ya atau ya indihacker gitu-gitu ya
PT perseorangan PT persoalan ini penting penting banget itu sih ini semua pertanyaan kan
bisa di skip
orang kan kadang malas yang ngisi-ngisi yang begini
jadi bisa aja
walaupun yang ngisi sekian gitu
itu cuma
sebagian kecil aja
dari yang ngisi survei
nah
yang sayangnya ini masih dikuasai oleh
lelaki wanitanya jarang isi 90% sembilan country-country gender-gender baik country-country
negara mana yang paling aktif mosep pengikul tetep nggak ada di akad 90 semua itu berarti
Western centric English English centric kalau yang apa koresponden perempuannya cukup besar
source ini apa source Oh ini sumber apa referensi referensi
spesifik spesifik teater sampai ada ada beksnya Oh iya ada mas payership ini ini kan GD ya kita
undang aja Pak Cik kayak bisa aja di GD ya di GD ya pernah kasih kelas cerah bagus banget Oh
Makanya kalau ketemu di summit, undang ke ngobrolnya gitu.
Yuk, yuk, yuk.
Yuk, yuk, yuk.
Dia datang summit yang di Beijing.
Iya.
Dia datang summit yang di US, nggak di Beijing.
Kemarin nggak ketemu ya sama Mas Fireship.
Siapa sih namanya?
Kalau ketemu nggak hafal orangnya sih.
Namanya depannya Jay.
Cuma nggak ingat Josh atau John atau Jack atau apa.
Kayaknya namanya depannya Jay aja.
Iya, oke.
Oke, feature. Ini perlu dibahas nggak feature?
Feature-feature JavaScript ya?
Bahas aja, JavaScript 1.
Bahas.
Ini tentang apa nih?
Tentang fitur bahasa ya?
Sintaksnya JavaScript, jadi belum masuk ke,
sebelum masuk ke framework dan meta framework,
itu JavaScript.
Bisa di-over, coba mouse over ke Nulis Qualizing.
Bisa di-over, di-click, di-click.
Oh, di-click ya? Ada contohnya.
Ini bisa sekalian buat belajar.
kalau kita cuma pengen lihat segilas apa fitur apa yang lagi yang banyak dipakai jadi ini yang
ditanyakan fitur apa yang teman-teman pakai ya di kalian pakai sudah bisa pilih lebih dari
satu pilih semua yang nulis kuali sing ini itu adalah kita suka namanya apa ini istilahnya
kita suka gak tau istilahnya tapi sering pake
kita tau
kita sering pake, kita tau cara kerjanya
tapi kita gak inget, itu namanya
nulis coalescing
intis suatu hari
interview kerjaan, disuruh jelasin nulis coalescing
bingung
apa nih, nulis coalescing ini apa?
ya itu
nul
kalau nul
yang sebelahnya itu
default
default value Oh ini temennya dandan ya dandan ampersand
kalau ini terus kemudian kalau di react sering banget pakai double ampersand double ampersand
double ampersand itu jadi boleh kalau kalau nulis kolesi itu kalau misalnya value dari
ambil default value kalau nul jika ini benar maka Oh ini kayak apa yang ada titik 2
beda sama truth default sih itu lihat bawahnya nol kita pengen nol kan falsi ya tapi misalnya
kita pengen angka nol nol nggak boleh diganti sama default nah itu tetap nol bedanya sama ternary apa
ada if-else nya ya ya dan ternarikan apapun yang
bisa aja ya kalau ini bukan nulis ya Oh karena nol itu bukan nul maka dia yang
banking atau finance atau kita butuhkan kita butuh angka nol kan Maksudnya kita perlu tahu Nol is not nul Oke
Dynamic import.
Nah, ini ada yang mau pakai?
Nil is not nul.
Nil is not nul.
Nol is not nul.
Nil is not nul.
Nul juga.
And nil is not zero.
Nil is an object.
Nul is an object.
not number ada lagi not number ini way dynamic import nah ini dynamic import bedanya sama
import biasa apa lezzy lezzy import lezzy load jadi dia tidak menunggu modul ini untuk loading
ya kalau nggak dikasih wait kan kalau dikasih tetap aja berarti jadi nungguin juga kan ujung-ujungnya
dan ini bisa tidak tadi enggak kan diimport sebelum dipakai enggak kan diimport sampai dipakai
private field nah siapa yang udah pakai private field belum karena nggak pakai kelas lagi udah
udah naik kelas ke fungsional bikin kelas tuh cuma kalau bikin custom element Iya kalau
masih pakai kelas makanya jadi males mulik web komponen yang salah satunya gara-gara
Hai lid itu masih pakai kelas males logikal assignment Oh ini tadi ya ya
ah enggak pernah gue pakai ini ada sama dengannya belum pernah pakai
nah jadi tahu ya bedanya ada-ada ini terus ada sepentingannya
ini gimana nih bacanya duration 50 title kosong kalau adu red dot duration
logical assignment logical assignment jadi kalau kalau nggak ada tapi kalau ada ya udah Oh oke
kalau title is empty makan diambil yang sebelah kanan ya Oke kita juga baru tahu nari keseimbang
nomor apa itu Oh ini indikator sering kalau buat CLI udah biasa sih cuma baru tahu itu
dikit-dikit lo yang pakai Iya jarang jarang yang pakai mungkin sering ada gituannya tuh
Iya biasanya langsung aja udah not spasi bla bla bla jadi enggak pakai enggak dieksekusi di
di sisi OS nya karena kemungkinan besar kita udah install nojess juga kan error kaos
mesej-mesej doang mesin kos bedanya apa Oh iya juga ya baru nyadar biasa mesin
suka-suka yang mengkonsumsi uangnya ya gimana yuk yang kekonsumsi aja nggak tahu bedanya apa
Oke ada kos error nah kapan-kapan kita lihatlah baiklah ini fitur ya
kita fitur string fitur replace all udah di note itu sempet belum support sampai lama
cuma replace doang yang bisa coba can I use Coba klik
dari tadi ada dari tadi itu dibawah
nggak ada not disini iya ya
ya pokoknya not versi berapa gitu ada yang nggak support harus diakalin pakai reggex Oh
pernah ke sering tetap pernah ketikung itu mau kepadamu cek
kalau pakai reggex kan buat reggex ya Iya tapi untuk me semua keseluruhan string ya
Oh enggak pernah pakai kekeks doang bisnis ya kita adalah place buat replace bagian-bagian itu ini
kalau yang match bayi yang di-replace indeksnya yang di ini didapet
karakter-karakter yang iya yes
oke terus reggae kita jarang sih pakai reggae menghindari sekali menggunakan
mulai gara-gara udah ada CGPT saya suka pakai reggex101.com
malesnya pakai reggex itu nulisnya mungkin bisa berhasil menyelesaikan masalah tapi ketika bacanya
bingung lagi harus pakai bantuan lagi jadi kayak apa ya right once read never never read kayak
Apple dong kayak Apple Iya Iya kan lagi seri Pol aslinya memang dari situ yang banyak udah
pas pertama jadi yang penting ngerti itu yuskesnya apa cuma di luar itu cara kerjanya gimana nggak
yang masih bisa replace replace replace ya udah hari plus ajalah ya jangan dikejar ya
gendut unit testingnya gimana terus ngajak dibikin feeling satu contoh-contoh yang fail
Oke next array.
Array ini kok nggak ada yang kayak.
Wah fine mask.
Oh ini.
Fine mask belum ada.
Coba deh klik fine mask.
Fine mask.
Masih menarik ya.
Fine mask.
Oh ini kayak reduce kok nggak.
Oh wow ini shorthandnya filter sih.
Shorthandnya filter tapi kalau.
Ini only available.
Baru ya.
tapi newly
method of array instant
iterates the array in reverse order
and return the value of
first element that satisfies the
provided testing function
dibalik
dibalik
dari kanan
kita gak usah ngebalik arraynya sendiri
terus ngefilter
ngefine sorry
next to sort it
to sorted itu untuk
baca lagi
ini juga nulis available
is the copying version of
short method
tapi copy
gak ngerikan
gak nge-reference
gak nge-reference
gak nge-reference
ini versi fungsionalnya dari short ya
berarti
immutable
to reverse berarti sama
tapi kebalikannya di balik
di balik tapi copy ya
tapi bagus ya gara-gara survey ini
jadi tau ini semua apa
method array baru
bre tau cuma selama ini kan
parno
kamu gak sendiri kok Eka
yang non itu 49% gak tau
iya sebanyaknya
9989 orang
splash ini berarti insert an element at index one ya Splice ya kalau di PHP
sering pakai nih Splice tapi ini imutable juga ya bener nggak Iya imutable juga ya
Oke terus pendek-pendek ya karena ada short handnya ada utility
4, 5, 2, rewit.
Apa ini rewit?
Setelah 2, masukin 6.
Copy juga using bracket notation to change the value of given index.
Jadi, habis 2 diganti jadi 6 gitu ya.
Bukan, index 2 diganti dengan 6.
Kan kalau aslinya 3.
Oh, angka 3.
value yang reindex kedua
ayo kenapa bingung
karena javascript mulai dari index 0
0
0
episode kita
index 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
teks-teks
lebih seakan error tapi karena course
top level weight jadi nggak perlu bikin fungsi yang asing bisa langsung pakai
itu udah bisa promise any Oh akhirnya ada juga udah pernah pakai udah pernah ini yang risau
pertama ya berarti ya siap apapun yang penting sudah risau yang pertama selesai ya apa sih itu
kalau promise all settled berarti semua
nunggu semua selesai
apa bedanya sama promise all
kan ada promise all juga ya
pokoknya bedanya
berdasarkan resolve or reject
kalau ini semua balik
oh harus semuanya benar
semuanya
selesai dengan
baik
Iya baik resolve maupun reject tunggu semuanya selesai semuanya selesai hasilnya bebas ya
bisa tanpa dancing bisa bisa sekarang bisa ini anda tahu kalau proyeknya bakal error
kalau ada misalnya ada 44 operasi nih satu error yang tiga resolve ini bakal bikin jadi
Kalau all set up itu pasti jalan.
Nunggu selesai semua.
Sorry, bukan bisa tanpa di dalam asing, tapi di top level.
Nggak perlu ada fungsi asing.
Tapi kalau misalkan ada fungsi, awaitnya di dalam fungsi,
functionnya harus tetap ada asingnya.
Di luar berarti boleh.
Di luar boleh.
Jadi misalkan di luar di sini kita tulis langsung asing, await bisa.
tapi kalau misalkan kita punya fungsi misalkan ini function test gitu kan Nah terus di dalamnya ada
weight Nah itu nggak bisa harus ada asingnya tapi kalau disini langsung awet bisa dulu ngakalinnya
harus bikin itu ngetik diive ya ini diet info function function expression expression next
udah abis replikage iklannya Oh ya bukan-bukan bukan kok emang beneran pick of the year nya
we ask member of the javascript community to share what is this recommendation iklan produk ini
Replicate.
Kayaknya apapun deh.
Kayak kalau FM kan ada sick pic tuh.
Ya, maksudnya kalian rekomendasiin apaan.
Real-time collaboration.
Oh, kalau mau bikin software yang real-time collaboration,
offline support, bisa pakai ini gitu ya.
Wah, ini kurang lebih iklan ya.
Iya sih, iklan halus.
Iklan halus.
Soft selling.
Browser API.
Web socket.
udah masuk ke prosesnya kita udah bahas ya sudah biasa sudah biasa geolocation web
gmw animation web assembly visibility web artis webspace API broadcast channelnya
browsing konteks Oh browsing konteks komunikasi antar tem o worker ya
buat 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
dimana dia nggak ada ya kena is juga enggak ada ya belum berapa persen dua persen Oke ada lagi
next language and paint point nah menarik nih buatan karyo inu main-main point on lari
freeform itu di surveinya jadi maksudnya bukan pilihan jadi bukan opsi static typing
jadi bukan centang tapi nulis sendiri terus kayak di recap
digabungin ya kategorisasi
static typing
pain point static typing
maksudnya apa?
oh karena javascript tidak static
dynamic-dynamic
answer-answer matching
bisa diklik
freeform
ini orang pada pada jawabnya kayak gitu like of built-in typing typing
tapi digabungin jadi satu ya di grouping ya
keren ya maksudnya cara si sacha bikin reporting ini keren jago ya
jago banget ini pakai apa ya masa orang sih yang ini itu ya ya oke static typing karena
JavaScript enggak ada types nya kemudian ism dan cds karena rupanya antara kamu
yang require atau menggunakan import
atau orang bingung ya
maksudnya kalau misalnya bikin library itu harus bikin apa aja
terus kalau mulis buat frontend langsung
UI kalau dibuild harus apa
coba buka-buka orang pada ngomongnya apa
ESM
implement recordable pipeline operator pattern matching module declaration
karena kan si npm juga bisa dua-duanya kan support dua-duanya kan yang baik yang
common jadinya kadang konflik konflik atau pakai library apa eh cuma support ISM
ya ada typesnya terus kayak yang itu yang mana itu fragmentation yes I'm coming
difference interop ya kurang lebih gitu ya yang ketiga date sending desain time sudah ada dpi
apa iya nggak tahu orang temporal masing-masing baru-baru local localization kan tapi dia di
mana-mana emang tricky sih di enggak juga cuman di javascript di bahasa-bahasa lain juga lebih
makanya timezone kali ya kalau main format mungkin gampang tapi timezone handling itu susah memang
timezone dan date saving kita nge-save date entry itu sebagai apa sih baiknya kayak misalnya seconds
atau apa sih kayak iso format atau gimana itu kan bikin mesin juga tapi yang sangat mengganggu di
JavaScript adalah eh manfnya manfnya itu mulai dari nol Januari itu nol jadi harus kita kain
satu itu enoing banget itu ya walaupun array itu dimulai dari nol ya setuju mengerti tapi kenapa
bulan juga nol dimulai dari nol gitu kalau konsisten masih oke lah kalau iya dari satu
itu yang kurang ini ya typescript support Oh ini kalau untuk remaksa tentu ya
tapi 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
system ya ya atau apapun itu sih sebenarnya macam-macam ada yang bilang typescript juga
kurang kurang kurang bisa type-safe di banyak keluhan terkait typescript support kenapa pada
mulai pada teks support pada dulu javascript diciptakan supaya dynamic typing ya karena
bukan untuk aplikasi web seperti sekarang ya terus setelah ada typescript malah jadi
Oh iya harusnya bisa gini harusnya bisa gitu kayak gitu ya dari dulu gitu
kenapa tidak dari dulu browser support buat dibuat JavaScript supaya karena
stres di Java yang selalu serba strict type
manusia itu emang ahlinya ngelupu
data pada javascript menurut data pada java oh ya saya nggak begitu aware mungkin mungkin Oke next
browser support compatibility konsistensi issue bisa jadi ya ini padahal masih berusaha dibutuhin
cara ya baseline dan intro
inconsistent APIs
ini ya
polyfill dan lain-lain ya
slow browser rollout
nah itu masih aja
kayaknya ada yang suka salah
salah kategori deh
ini pake API kayaknya
no browser framework
support natively
user must download vendors
kayak ada standar klipnya
ini harusnya bisa
disolve dengan web component kan ya harusnya ya
gak ada framework
yang didukung secara
native di browser
jadi user gak perlu
pakai CDN atau gak perlu
nambah berapa sekian kilobyte
untuk framework
maunya nanti ada
ini kali ya browser yang sudah include Framework tapi kita bisa pilih move and download version
yang mana ada settingnya nambah gede lah itu browsernya berat banget browser ada AI modelnya
ada Framework performance issue speed performance slow feature adaption kayaknya salah satu tadi
performance promise slow transition ini ini cjs.es script ini semua bingung
emang-emang lambat ya tergantung dia bikin apa tergantung kalau dibaget slip atau setan outnya
panjang gitu kan ampuh sih susah supikin fine what function my fsp-intrigging itu
not modus kegedean slow progress of type annotation proposal
rentang speed very slow progress on PC tertinan proposal
komplain ya maksudnya om mandi kalau terlalu cepat fiturnya dibilang feti terlalu lambat
atau lambat terlalu lambat katanya ada ini ini kan kebanyakan
complain Thomas tooling to many framework jajah jajah itu temen-temen orang bahasa
Spanyol hahaha maksudnya kayak kita wkwk ya kalau mereka harusnya karena JS jadi
JS JS dong itu dong macam apa sih influencer negatif influence
mana Oh ini nomor siapa siapa yang menjelek-jelek JavaScript tahu banyak sih
lumayan siapa sih depresi kan lumayan enggak suka JavaScript kan asya bukannya
salah satu salah satu dan ada video prime itu tentang dia salah satu influencer disini loh
video kreator demokrasi mungkin dengan kritik ya dan dari perspektif kritik ya mau saya emang
personanya berhentinya tahu ada yang kayak yang mengkaitkan ke ini jadi kalau ada JavaScript
javascript dibandingkan dengan typescript ya udah javascript jelek gitu ya itu semua kayaknya salahnya
terlalu ngikutin influencer
too much to learn, too many new technologies and frameworks, the landscape is moving very quickly
JS cuak
cuak
cuak
too much to keep up always new landscape of Sympax jadi tadi bener proposalnya lambat enggak enggak
perut-perut pada Ria nah ini simpan banyak simpat sebaru protes juga karena enggak dia
proof of jadi orang-orang yang kreatif dan punya energi lebih dia bikin sendiri habis
baru-baru diadopsi sama si proposal isi ke-9 modelnya emang begitu kan modelnya
emang begitu Oh bisa dipin ya enggak akan dipin lah di delete delete jangan
Hai apa-apa biarin security nah ini security maksudnya apa ya
fcp lagi gara-gara safety kali tulisan tepsi
terlalu banyak bahaya kan buat security
kalau JavaScript tergantung kepada terpati package atau library
seriusly kebanyakan tuh banyak
tapi awful bagi dia itu bagus tuling can be poor compare to dotnet wuih
Thomas tooling don't like of tools tapi cuma tooling kan beda orang
kategorisasi that's why betul juga ya terlalu banyak pilihan nggak ada pilihan yang maksudnya
ya enggak ada cara yang benar dan ada cara yang salah jadi ya tergantung kita mau ikut yang mana
sebenarnya dan kadang-kadang buat yang baru belajar seperti itu membingungkan dia membingungkan harus
pilih yang mana gitu terus tutorialnya cari yang mana ikutin influencer yang penyampaiannya kurang
kalau siswanya masih gimana itu apa namanya kayak misalnya baru belajar sebuah JavaScript
atau apa gitu bingung enggak sih ada ini ada itu setupnya gimana gitu karena diajarin jadi
udah diarahkan udah ada jalan nya jadikan kita udah siapin adonan udah ada di mereka tinggal
ikutin enak apa salah satu kelebihannya belajar di apa sama orang sama mentor ataupun diinstitusikan
gitu udah disiapin jalannya kalau yang susah itu yang belajar sendiri biasanya dia harus ngikutin
yang mana terus khususnya yang mana enggak ada petunjuk gitu Apalagi kalau kebanyakan ikutin
berita terus keracunan sendiri gitu ya Iya ikutin kita aja aman aman karena kita juga bingung ada
kalau ngikutin kita nanti semuanya pilih elixir semua ntar ekosistem isu oh ini sama ya kurang lebih ekosistem isu kan yang masalah fragmented
ekosistem fragmentation ya, tadi kan ESM lah
kecapean, milih-milih, diversity, split ecosystem
in karena emang kalau apa JavaScript kan gak opinionated harus nge-build harus testing harus
ngelin pakai apa kan bukan framework JavaScript kan bukan framework jadi nggak bisa mengenforce
apa workflow untuk building testing linting API pen-point safari safari
safari browser support documentation ini
ke-6 persen banyak loh banyak loh apa sih kamu terus browser support spesial
witsafari Safari over all standardization kita bahas juga ya sekilas waktu itu pas
Safari ya sebahagian safari kesukaan dapat negatif stereotip sebagai apa ijaman sekarang tapi yang
sekarang udah sebenarnya pelan-pelan udah lagi mau di benerin dengan cara membajak
itu ada cerita seru lagi, iya lack of documentation, dates, dates masuk lagi di sini
juga juga juga ada betul-betul konten selesai doing their own thing to my chrome only staff
ini terlalu banyak kalau yang lain terlalu yang lain terlalu sedikit gitu ya lalu ketinggalan
tapi kalau dia enggak begitu kan enggak maju-maju ya enggak terpancing cuma ya apa itu semua yin
yang gitu sih kayak force semua browser engine itu kayak force yang saling menyembah apa keimbangin
tapi curiganya banyak yang komplain ini salah satunya gara-gara isu eh tidak bisa menggunakan
adblock Oh iya mau di itu ya mau di mau ditiadakan karena kan ternyata adblock itu bisa berefek ke
YouTube iklan YouTube kan mungkin salah satunya biar di blog supaya ya penghasilannya tetap ada
gitu Firefox issue nah Firefox yang kurang cepat lagging behind not supporting many things
international segmentation ya no desktop bewa for Firefox lack of adoption ada lagi banyak
pwa-nya tapi sedikit-sedikit Oh masih satu hari-hari support soalnya masih belum support
dari zamannya Mas Yohan sampai sekarang pwm masih belum ini belum stabil-stabil aja ini
iklan terselubung lagi reading list itu menarik sih atas deh jadi itu orang itu blog apa blog
developer jadi yang paling atas tadi ngerekomendasiin library ya produk apa
service ini ngerekomendasiin developer yang sering bikin blog sering bikin artikel yang
bagus Alba syilfenty ini jadi ide-ide story blog jadi juga gede-gede Iya barusan Milan
Oh iya, sorry.
Undang-undang.
UPSJS.
WTM.
Waktu tengah malam juga itu WTM.
Harus di follow ya teman-teman.
Harus di follow nih.
Yang merekomendasikannya adalah satu kantor.
Storyblock juga.
Temannya berarti.
Reading list ini apa?
Sumber baca ya Sumber bacaan Baca dong ini ya betul kertas kertas ini tadi kan
Oke.
Libraries.
Nah itu yang menarik tuh.
Kita lanjut ke libraries.
Oke kita lanjut ke libraries.
Eka kok nge-freeze?
Eka nge-freeze.
Nah hilang.
Oke libraries.
Ini ada berapa banyak nih?
Libraries experience sentiment.
Change over time.
Library tireless.
Oh ada tireless sekarang.
Nanti kita lihat ya.
Terus kemudian ada frontend, metaframework, testing, mobile dan desktop,
Bluetooth, monorepo.
Backend nggak ada.
Backend di mana?
Di sini ya, other tools ya.
Oh iya.
Backend masuknya ke other tools.
Oke.
Kita mulai.
Libraries.
Libraries.
Libraries experience and sentiment.
Sentiment.
Sentimen itu kayak positif negatif ya
Experience nya
Webpack
42% yang menggunakan
Tapi
Negative experience nya 48%
Jadi lebih banyak negatif nya daripada
Yang menggunakan
Dan yang positif
Yang ingin pakai lagi
wepek Oh batik dia pakai dan 48 persennya nggak mau pakai lagi Iya nggak senang bukan
nggak mau pakai lagi yang paling sangat kanan ini yang ini pernah denger tapi pengen coba
pernah denger tapi nggak pengen coba
masih bagi 65% dan pengen pakai lagi tapi 20% nya kurang
Hai tetapi nggak mau pakai lagi pakai 6%
Yes
ini kan tes tes lemoknya isi Oh iya ini lebaris ya ini campur ya lebaris ya
lebaris oriakan lebaris benar-benar negatif experience negatifnya 15%
dibandingkan 60% itu bagus tuh interesnya bagus VT Sangar 72% suka yang suka cuman 2% sampai
2% ya juga next.js 44% dan 13% masih cukup tinggi 22-20 nih 50-50 layak PSC typescript
Compiler, 43% positif, 9% negatif.
35% tidak pernah pakai.
35% tidak pernah menggunakan.
Jadi dia menggunakan apa?
Tidak pernah, bahkan tidak pernah.
Tidak pakai TSC.
Tidak tahu kali.
Tidak tahu ternyata kompilasinya itu menggunakan TSC sebenarnya.
Cuma tidak ngeh saja kali ya.
Storybook, storybook juga lumayan.
Storybook positif.
Yes build juga positif view.js ada yang gak suka negatif ya maksudnya ada yang gak suka juga ya
ya bisa aja tapi kalau yang belum pakai 50-50 juga ini juga 50-50 Cypress testing ya testing
jQuery angular uh kasihan amat 20% ini beda-beda bener-bener bener-bener bedain beda bubble kali
ya beda-beda beda-beda yang pakai ngular gak ngisi survei beginian mungkin main ayamnya
sampai ketemu ini pertanyaan yang penting jQuery mana-mana Scroll aja sampai ketemu
elektron, reactnya di aderflame box
Vites, nih Vites salah satu yang promising juga ya
walaupun yang pakainya masih sedikit tapi
kayaknya tingkat kepuasannya sangat tinggi
gue udah pakai dan emang
emang mantap ya
emang mantap
Expo
Cordova Svelte 22 Cordova kasihan banget pada gak suka semua gak suka pake kordofa svelte itu 22 dan 3
tapi yang denger
yang tertarik banyak
cuma belum kesampean
karena mungkin pekerjaannya
bukan di svelte ya
ionic
wah ini kesukaannya bahyu juga nih
ionic nih
10%
dan 15%
banyak yang gak suka bayu kapasitor ada kalau enggak salah Gatsby masih ada ya
Gatsby tuh popularitasnya jauh menurun ya Iya udah nggak dimainin gila itunya apa
rise and fall nya ekstrim ya kayak tipe naik jangan sebagai pelopornya SSG jamstek
Terjun bebas terus sekarang yang tersisa yang pakai juga banyakan sentimen negatif.
Astro ini bagus walaupun jumlahnya ya.
Totalnya tidak begitu banyak tapi tingkat kepuasannya cukup tinggi.
Yang pakai cukup senang dan yang belum pakai tertarik.
Sama ya mirip.
Astro kayaknya satu.
Ya mirip lah satu skena.
Priyek.
sampai enggak keluar angka lu kecil nih kapasitor nih ada kapasitor
lebih dari setengahnya belum-belum pernah denger nggak punya opini Iya kapasitor itu kayak ionik
ya bisa bikin aplikasi hybrid mobile dan desktop remix juga tidak begitu banyak tapi yang tertarik
juga banyaknya nggak tertarik juga ya dan masih nggak nyangka sih remix jauh lebih kecil dari
ya saya Astro atau soal-soalnya kan orang-orangnya orang yang eksis ya mau saya apa ya influencer
juga kan prominent di dunia JavaScript ternyata yang itu enggak convert ke sampai orang pakai
solid-solid segitu segitu banyak yang menarik yang tertarik ya
masih gemanya solid.js itu kan kenceng ya tapi kok kurang kurang track setnya kurang ya cuma
denger pengen tapi nggak udah gitu doang nggak pakai gitu kan tergantung ini juga tergantung
keamanan pekerjaan kalau ini juga nyambung ke situ jadi maksudnya tertarik lihat oh kayaknya
bagus banget kok secara konsep bagus banyak tetapi seharian kerja pakai riad habis kerja
ngulik misalnya mungkin pakai swell habis itu udah nggak ada tenaga lagi buat ngulik solid
sampai mendalam itu ada lima persen dan dua persen Alpine lumayan ya kasihan banget sih
isap ini apa buat semacam compiler itu typescript dan beruang chromatic
belum pernah dengar mana or by is build Oke tes up 80% belum dengar dan belum
dan opini sentimen positif enggak tahu aja ya enggak tahu levante kuasar ATM X sama kan kayak
solid kasusnya saya kayaknya marketingnya mims gitu kan lebih banyak yang tertarik cuma yang
belum banyak yang tertarik tapi ya ada yang tidak tertarik juga dengar tapi enggak tertarik kan 30%
sama 37 berhasil banyak ya overall banyak yang tertarik cuma enggak sampai nyoba
dan wjs apa coba lagi bayom bayom bagus loh
tapi hampir nggak ada yang pakai kecil banget sampai nggak muncul langkah sama sekali Oh iya
lo Jack where dimana enggak ada ya ada ada ada nanti di di framework yang bukan dan tidak
diframo yang ada framework ini library air list ya ini keren nih super serta
ini yang lagi yang lagi di atas ya VT Vitesh di s-built mokserver SWC testing library sama
Astro yang di tayar e itu ada spedis tst storybook turbopack roll up sama turborepo yang di B ada
Yes, Nuke, Next, React, View.
Grafik yang menarik itu juga changes over time itu juga.
Iya, changes over time nih.
Roll up.
Oke, turnover, changes over time.
Iya, bisa kelihatan tuh.
Di hover ke webpack.
Jadi dari tahun 2016 dia banyak positive opinion.
2017 pakai banyak yang pakai 2020 makin banyak yang pakai tapi makin negatif negatif ya Oh ya
dia dia piknya berarti di 2017-2020 ya Iya positifnya jangan kalau kalau dia mau dia
positif ya tapi sudah mulai turun nih positif opinion terhadap dia ya wajar sih makin turun
kalau ini anggular situ-situ doang luar dari dunia ini ya konsisten tapi makin banyak yang
pakai makin banyak pakai atau makin banyak yang isi surveinya ya tapi mengarahkan negatif sih
hari ini kan 2016 itu lumayan positif 2017 sudah negatif lebih kuat dan kirian negatif
Gatsby langsung ke kiri Oh ini parah banget deh paling
retention vs usage gimana solid-solid rubor warna-warnanya ini front-end monorepo metode
79% dari orang yang udah pakai berhasil di-retain pengen pakai lagi Oh jadi ini
yang udah pakai dari yang pakai itu yang berhasil musim pengen pakai lagi berapa
banyak berarti kan berarti yang bagus itu dikuadran kanan atas ya Iya banyak yang pakai dan dari banyak
yang mau pakai lagi sebagian besar pengen pakai lagi Yes dan webnya banyak yang pakai tapi dari
sebanyak itu orang yang pakai pada nggak mau pakai lagi kan Nah yang dikuadran bawah ini yang kiri
bawah ini adalah yang jumlahnya sedikit dan tidak mau pakai lagi paling kiri bawah siapa tahu ijo
and we do sama kordova-kordova Gatsby selain sian banget karena ionic angular masih di
tengah-tengah nih masih diantara kuadran kanan bawah atau kiri bawah
oke front-end framework sekarang kita masuk ke framework ya tadi library kan ya ya tapi
dari mereka ngakunya library ya tetep ajalah mau say you framework nih ya rie stabil ya stabil naik
naiknya cuman tidak terlalu signifikan ya jadi dia stabil ya matcher ya matcher ya
ini 80-80 mungkin terdemun kan ini sempat turun tapi turunnya juga satu persen terus naik ini
naiknya juga tiga persen dari tahun mungkin itu poin dimana itu tadi siapa si Mas Sasha itu buat
sehingga kan ngedistribusi supaya cuma ke lingkungannya doa yang anak-anak semua
mungkin mulai tahun-tahun itu dia mulai memperluas apa yang jaringannya jangkauannya
angular nomor masih nomor 2 yang gula 2017-2018 sempet naik loh sempet naik lumayan tinggi abis
mungkin tahun depan dia bakal naik karena ada rilis baru kan Ini kan belum masuk rilis baru kan Belum kan per 2023 akhir kemarin
Iya, mungkin survei tahun depan dia ada kenaikan mungkin.
Kenaikan sedikit.
Tapi kalau turunnya, konstansi turunnya dikit-dikit.
Iya, sama kayak react juga naiknya dikit-dikit.
View, kenaikan juga.
Kemudian ini diikuti Svelte.
konsisten juga itu konstan ada yang signifikan terlalu signifikan naiknya hanya dianggular di
2017-2018 juga sih 2016-2019 naik begitu muncul swelten lain-lain view naiknya udah
se-significant sebelumnya Iya masih dikuasai tiga ini berarti ya empat lah ya Iya yang ini
kayaknya masih di kelas main bawah ya 33-3 ngetir ngetir ngetir kalau positivity mah
riad agak ada sentimen negatifnya justru ya justru seperti dia yang paling tinggi yang
paling tingkat kepuasannya tinggi kali ya ini view ya agak turun apa nih solid-solid lumayan
dari ke-2023 begitu ATM X terus ada yang jurnal quick dan terakhir stencil Oke
nah sentimennya nih
65-20
sebagian besar
masih seneng kan
mau pakai lagi
angular yang negatifnya
lebih tinggi daripada positifnya ya
semasuk yang
termasuk yang positif ya
relatif banyak yang senang
yang pakai gak begitu banyak
ada pria, ada lagi
Tapi belum banyak loongan pakai svelte berarti ya?
Oh my God.
Oke, another framework.
You can click on any technology name to get extra detail and more in-depth look.
Coba dong pakai React atau apa.
Ini homepage?
Iya, coba yang lain. React, React atas.
Oh gitu doang. Deskripsi doang.
One Framework Mobile and Cybernetically Enhanced Workplace.
Oke, ini juga menarik.
Astro yang other ya.
Kenapa taruhnya di other?
Karena nyampur dengan backend.
Ini masuk meta framework kan harusnya ya?
Nyampur dengan meta framework.
Tapi ada next.js juga pokoknya.
dan metaframe work yang rancu laponya kategori lain-lain tapi Astro paling menguasai kalau
disini ya 30% 300 responden itu menggunakan Astro udah ada-ada jQuery jQuery berakhirnya
kalah sama stimulus
sama dengan fresh
framework Deno yang sebutannya seperti react
kita pernah bahas kayaknya dulu di bahas air atau
Iya air and Island asyik arsitektur Oh dia pakai gsx juga merek-rerek tapi bawaan Deno
front-end framework happiness
seluruhan how happy are you the current state of the framework secara seluruh semakin enggak
Pada pilihannya makin banyak.
Pemilihan React Issue.
Banyak masalah ya.
Apa plus 5?
Itu ada plus 5.
Ada 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
sebetulnya ya mungkin wajar ya kan dengan pengetahuan sebanyak itu masa sih mereka
mau kerusak-kerusak masukin fitur baru atau fitur yang macem-macem ya pokoknya kan ada
pertimbangan itu cuma namanya orang kompen maya bebas namanya masih tutup
nggak bisa nggak bisa diklik nggak ada underscore banyak banyak
lot of free renders akan sekarang udah ada itu yang baru yang biar nggak
ada yang marah loh was di langit ada yang marah loh
kita setuju
seledhhh the world never was possible before the tendencies
complexity lari npm and friendspring never very steep learning for beginners very Oh
sejadinya layer view must not come react ini buat view harusnya ya dia masukin create issue
react is operated because of corporate use corporate world should reconsider their choice
it's beneficial for them in the end view of easy for back-end dev for back-end kalau gua ya ya ya
internet 30 selanjutnya siapa enggak tahu is the new angular gitu ya
community concern ini apa community concern
ria lagi Iya ini masih riek masih reik isu ini tadi ini udah di luar teknologi
politik-politik nanti juga muncul juga ini kan masalahnya ya tadi kita udah bahas kompleks juga
bingung pilihnya ya kali ya tuh statement-statement aja coba aja bilang
statement-statement 3 kali masih dirikai sama hades Pablo mas ekstase
black of ability to unit test at management of you are complex with naming skema form
I'm looking at you effect reducer
Gator setter
Speed of change
Ada yang spesifik banget, ada yang general banget masalahnya
Oke itu iklan ya
Oke
Sekarang sudah setengah 10
Kita mau masuk meta framework dulu
atau mau lanjut minggu depan
minggu depan aja
mesti banyak
banyak seru ini soalnya
satu-satu kita lihat
menarik ya mengikuti
komplain-komplainan ini
netizen
tapi justru komplainan ini
kita bisa nambah wawasan
kelemahan
kelebihan
pertimbangan-pertimbangan
setiap benar-benar benar ya meskipun harus di ini ya harus di dipisahin signal versus noise
jangan dianggap langsung dipercaya penuh telan sepenuhnya selanjutnya harus dirisik lagi kalau
teman-teman yang mau nih mendingan belajar yang mana ya Coba ditelah dulu terus habis
coba di-reset lagi lebih dalam.
Kan tadi di intronya dia udah bilang itu juga.
Udah dikasih
disclaimer.
Ya, itulah
salah satu
positif
dan negatifnya
ekosistem JavaScript ya.
Berkembangnya terlalu pesat,
salah Berkembangnya terlalu lambat juga salah Karena maksudnya JavaScript kan itu ya di jalanin nih berbagai device udah berpuluh tahun tapi harus backwards compatible
kayak banyak kondisi-kondisi yang bikin
itu jadi absurd
keindahan dan kekurangan
javascript itu terlalu inklusif
semuanya bisa punya
opini masing-masing
bedanya
sama c-shop
kalau native
nggak deh sisa enggak ada yang ngatur Microsoft yang ngatur begini caranya ini frameworknya
ikutin aja udah kalau JavaScript nggak ada yang ngatur ya konsumsiun tetapi teknik
segala macamnya punya masing-masing mungkin bisa ini mulai apa mengarah ke
tools-tools yang mungkin bisa dimonetize seperti halnya Laravel kalau di PHP
seperti kayaknya Astro mengarah ke sana ya kalau ngeliat-liat gaya-gayanya ya
Astro ya, dia bikin AstroDB
AstroDB ngeluarin tools-tools yang di sekitarnya jadi dia bikin ekosistem sendiri
nah kalau udah jadi ekosistem sendiri itu apalagi ada yang berbayar ya dia komplainnya berbeda cara komplainnya
enggak komplain ke publik lagi tapi komplainnya ke perusahaan itu enak enggak lihat nah itu bagus
buat corporate juga kan kalau udah buat dapat baikin ya relatif lebih mudah lah lebih gampang
Iya kalau kalau tools-tools yang open source kan lebih ke ya kalau orang nggak bisa dia komplain
misalkan wah dokumentasinya jeleknya komplain bukan kalau misalkan apa yang seperti dotnet
bahkan yang dapat supportnya kan bahkan nggak perlu dokumentasi tinggal telepon atau tinggal email minta support gitu kan tinggal bayar
karena terlalu open dan terlalu banyak ini ya browser harus disupport backend harus disupport
terus ada frontend juga ada ada mobile juga ada hybrid juga
bahkan kita nggak semua tools kita bisa paham itu maksudnya apa dia kayak gitu ya kayak mobil aja
ada listrik ada bensin ada hybrid ada solar ada minyak tanah minyak tanah mobil siapa pakai minyak
ada hidrogen enggak ada yang pakai gas pakai nose hidrogen terbang eh ada mobil-mobil sekarang udah
pakai hidrogen itu ya cari aja sekarang Toyota Mirai itu sekarang sudah branding jadi kita minta
kalau teman-teman mau beli nanti bisa dapat grap itu apa hidrogen diskon ya dapat hidrogen
itu nitrogen nitrogen atau oksigen sebelum kita semakin ngecek jangan lupa
kesana.in slash ngobrolin web kita bisa diskusi-diskusi di sana di luar sesi live streaming malam hari ini
mungkin ada beberapa yang kecewa karena kita udahan ini seperti Pabst kecewa kita udah
menurutkan lagi disimpan XPS ada besok kita cari aja kayaknya tapi lihat deh Oh
kordova-kordova ionic itu cuman yoi frameworknya bukan dulu perasaan ionic
ada bikin aplikasi hybrid
enggak ya? Beda ya?
Salah ya?
Oh jadi
Cordova itu sama kapasitor mirip ya?
Terus stencil ada
yang pakai ada.
Stencil ini buatannya
Mozilla maksudnya.
Ada yang pakai walaupun enggak banyak.
Oke kalau gitu
mungkin sekian dulu
untuk malam ini. Kita lanjut lagi minggu depan.
dengan bagian kedua ya ada masih banyak insight yang bisa kita gali jadi untuk malam ini segini
dulu terima kasih banyak untuk semuanya sampai jumpa Amri kedepan bye bye bye bye
Terima kasih.
Deskripsi asli dari YouTube
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.
Episode Terkait
1 Feb 2023
Ngobrolin Storage
Melanjutkan episode cookie minggu sebelumnya, pembahasan bergeser ke tempat penyimpanan lain di browser — bukan basis da...
9 Agu 2023
Ngobrolin URL
Episode ini bagian dari niat baru mereka: menyelipkan topik yang benar-benar mendasar setidaknya sebulan sekali, alih-al...
12 Feb 2025
Optimasi Performa JS
Episode ini membahas tentang tips dan trik optimasi performa JavaScript, khususnya penggunaan atribut async, defer, dan ...
Suka episode ini?
Episode baru setiap Selasa malam. Dengarkan lewat YouTube, Spotify, atau feed podcast favoritmu.
Memuat komentar dari GitHub Discussions...
Jika komentar tidak muncul karena ekstensi privasi / adblocker, kamu bisa berdiskusi langsung di GitHub Discussions .