EP 91

Ngobrolin State of JS Bagian 2 - Ngobrolin WEB

Bagikan:

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

Ringkasan Episode

Bantu Koreksi

Episode ini adalah kelanjutan pembahasan State of JavaScript 2023, berfokus pada meta framework, testing tools, dan build tools. Diskusi dimulai dengan pembahasan meta framework seperti Next.js yang mendominasi pasar, diikuti oleh Nuxt, dan Astro yang mengalami pertumbuhan signifikan. Astro menonjol dengan pendekatannya yang agnostik terhadap framework UI, mendukung React, Vue, Solid, hingga Vanilla JavaScript. Pembahasan juga mencakup sentimen pengguna terhadap berbagai meta framework, dengan Gatsby mengalami penurunan drastis dan Remix yang sempat hype namun memiliki kompleksitas tersendiri. Untuk testing tools, Vitest dan Playwright mengalami kenaikan popularitas yang signifikan menggeser Jest dan Cypress. Playwright mendapat pujian karena dokumentasinya yang di-revamp dan API yang mirip dengan Testing Library. Diskusi juga menyentuh build tools seperti Vite yang semakin dominan menggantikan Webpack, serta runtime baru seperti Bun yang memiliki bundler built-in bernama "Bundler". Episode ini juga menyoroti pain points utama dalam ekosistem JavaScript modern: excessive dominance dari framework tertentu (terutama React), terlalu banyak pilihan (choice overload), vendor lock-in concerns, dan dokumentasi yang kurang lengkap. Khusus untuk Next.js, isu utama adalah App Router instability, server components complexity, dan ketergantungan pada Vercel untuk deployment. Kesimpulan penting adalah pentingnya testing minimal untuk critical business scenarios, dan pentingnya memahami trade-off antara kemudahan penggunaan (magic) dengan kustomisasi.

Poin-poin Utama

  • Next.js mendominasi meta framework dengan pangsa pasar terbesar, namun memiliki pain points signifikan terkait App Router instability, server components complexity, dan vendor lock-in ke Vercel untuk fitur seperti image optimization
  • Astro menonjol sebagai meta framework dengan pertumbuhan dua kali lipat, menawarkan pendekatan framework-agnostic yang mendukung React, Vue, Solid, hingga Vanilla JavaScript, dengan tingkat kepuasan pengguna yang sangat tinggi
  • Gatsby mengalami penurunan drastis popularitasnya dari puncak kejayaan, sekarang lebih banyak pengguna yang memiliki experience negatif dibanding positif
  • Nuxt memiliki paradoks menarik: banyak yang sudah pernah mendengar namun tidak tertarik, namun pengguna existing memberikan tingkat kepuasan yang tinggi - kemungkinan besar karena dikaitkan dengan ekosistem Vue
  • Vitest menggeser Jest sebagai testing framework populer dengan keunggulan speed yang jauh lebih cepat, sedangkan Playwright naik signifikan menggeser Cypress untuk end-to-end testing berkat dokumentasi yang di-revamp dan API yang familiar dengan Testing Library
  • Bun muncul sebagai runtime baru dengan bundler built-in bernama 'Bundler', menawarkan alternatif untuk JavaScript development yang lebih terintegrasi
  • Deno Fresh dan SolidStart mulai mendapat perhatian sebagai meta framework pendatang baru dengan pendekatan yang berbeda
  • Pain points utama JavaScript modern: excessive dominance (React terlalu dominan), choice overload yang membingungkan developer baru, dokumentasi yang kurang (terutama Nuxt dan framework baru), terlalu banyak "magic" yang menyembunyikan konfigurasi, dan isu vendor lock-in
  • Testing penting minimal untuk critical business scenarios seperti login dan page loading, membantu mencegah regresi bug dan memberikan kepercayaan diri saat deploy
  • Diskusi juga menyentuh perbedaan antara framework yang battery-included (lengkap dengan berbagai fitur) versus framework yang minimalis, dan pentingnya menemukan keseimbangan antara kemudahan dan kustomisasi
Transkrip Bantu Koreksi

0:00selamat malam selamat selesai selamat selesai malam Apa kabarnya mudah-mudahan sehat semua

0:24weekendnya weekendnya Apakah ada yang datang ke ayo extended ya kemarin kita ketemu orang-orang

0:40Oh ya?

0:41Iya kita foto bareng

0:43Asik

0:46Jumpa fans ya

0:48Ada jumpa fans pake meja tangan-tangan gitu gak?

0:52Enggak lah

0:53Belum se-level

0:54Beda sama WPU

0:56Oh iya

0:58Kalau itu berat

0:59Itu saingannya

1:03Udah beda level ya

1:05Tapi seru maksudnya

1:07Gak hanya foto-foto doang

1:09tapi juga diskusi gitu bahkan sampai diskusi ini topik skripsi asik tuh ada yang sudah mulai mainan

1:23AI gak skripsinya atau pada pada AI semua nih sekarang mau propose ke AI mau pakai Gema atau Gemini

1:33gitu karena habis nonton topnya kita wajib mani menarik bisa jalan di lokal nggak bayar gitu kan

1:40jadi cocok layo iya iya tapi kalau sering pakai Jema terus pakai olah makan ya kalau pakainya

1:51tergantung spek laptop dan spek kalau emosai ada aman lah ya Iya kalau saya pakainya yang main-main

2:04aja ya pakai yang ini apa laptop saya yang lama yang I5 bisa pakai VGA card bisa tapi lambat

2:13banget Iya jadi itu loh gaming gaming PC dan memori kalau soalnya banyak kalau

2:22tokennya banyak ya gaming PC rakitan khusus buat kayak gitu terkelar dia lagi justru justru justru

2:31saya pakai PC saya yang lama tetapi ada VGA cardnya GTX 2060 kayaknya yang lama tuh 2060

2:43justru bagus padahal ini nya prosesornya biasa aja gitu aja selama jadi itu mainannya pakai ini

2:53deh pakai PC Iya lebih cocok sebenarnya jadi itu mending mending pakai PC ya Iya sekarang itu kan

3:06Mas Liza pernah share itu tuh, apa namanya, yang open source-nya,

3:14apa namanya open source kali ya?

3:16Transformer.

Lihat transkrip lengkap

3:20Untuk co-pilot, pengganti co-pilot.

3:23Tapi yang pakai olama.

3:26Apa yang namanya kemarin ya?

3:28Ya itulah.

3:30Jadinya free kan, kalau co-pilot kan bayar tuh.

3:33saya pakai itu saya lupa namanya tapi saya enggak sayang install karena enggak enggak cepet-cepet

3:42abu-abu di laptop kirain di diski tadi isinya jalan server jadi dia nembak abu itu PC lama

3:52udah lah loh GTX bagus loh Iya maksudnya ya secara listriknya Oh iya kita kan harus

4:04sustainable juga Cile kalau copilot kan dibayarin kantor ya udahlah bodo amat lah

4:11ya kalau pilihannya itu ya nggak kebrainer lah nggak ke Apple to Apple ya

4:19nah malam hari ini kita bukan membicarakan tentang AI mungkin ada library AI tapi kita

4:33kita bicara tentang AI tapi kita lanjut membahas tentang state of the art ini ya minggu lalu jadi minggu lalu itu kita bahas apa dia minggu lalu kita bahas introduction nya kenapa terlambat kemudian demografinya ada negara

4:53atau berbagai demografi lain bahasa lihat yearly income nya juga loh kalau yang kalian lewatkan

5:01ke atas tadi Mas bukan berdasarkan bahasa atau lebar berdasarkan library yang dipakai ya Iya

5:08terus bahasa laki-laki perempuan gender ya experience dan lain-lain Terus habis itu kita

5:20kita bahas tentang itu juga ya kita malah sekalian belajar fitur baru ini dari

5:31lalu kita bahas library nah ini yang cukup seru kemarin sudah bahas tentang sentimen

5:41analisisnya lalu ada retention salah satu yang menurun trendingnya trendingnya sentiment

5:53negatif yang masih di atas tapi ya dia agak turun apa ya terus yang obsolete atau karena lampau atau

6:04karena orang udah malah set up kali ya konfigurasinya ribet dan sekarang sudah ada ya alternatif yang lebih cepat

6:14lebih cepat lebih simple karena dibikin dengan teknologi yang baru juga ya emang

6:21itu kan product of its time waktu dulu ya emang paling optimal udah kayak gitu

6:26nah sekarang udah mulai banyak solusi yang lebih simple

6:30Yes modul betul salah satunya Yes modul terus juga browser udah mulai catch up lebih cepat daripada yang dulu

6:45saya juga pengalaman menggantikan ES lean sama with gear dengan bayong itu enggak perlu pakai konfigurasi

6:54enak sekali

6:56wow

6:57cut and play

6:59jadi dia ada defaultnya

7:01kalau mau tambahin konfigurasi udah

7:03jadi memang kayaknya trendnya ke arah kesana ya

7:06jadi konfigurasinya minim

7:07atau gak ada sama sekali

7:09kalau mau ubah silahkan

7:11roll up ya

7:13ya roll up

7:15roll down, ada roll down kan

7:17ada roll down

7:19ada

7:20yang bikin

7:22Iya nolap itu bikinnya roldan itu pakai ras

7:28semua akan semua akan keras penuh konyas

7:37perlu belajar keras

7:44ya dulu jadi kita kan Iya kalau mau belajar boleh nggak ada salahnya tapi kan kalau disini kita

7:51konsumen Iya sih kita hanya pengguna ya roh tapi sambil mulut ya nggak ada salahnya apalagi sekarang

8:00ada VT kan itu menggantikan apa ya itu ya bete bete bete saya di project-project saya mulai sekarang

8:13maksudnya project yang saya kerjakan itu kalau meskipun projectnya project lama

8:19tetapi kalau misalnya saya lagi nge-build satu plugin tersendiri atau salah satu

8:25sesuatu modul yang benar-benar berdiri sendiri

8:30saya udah nggak mau pakai webpack yang ada di root project

8:34saya langsung di pluginnya itu isolate

8:37langsung enggak saya pakainya udah langsung pnpm sama pt untuk mobilnya

8:44tapi syaratnya plugin yang saya build bener-bener isolated cuma plug and play

8:54kalau ada di situ dinyalain jalan kalau enggak ya udah gitu nggak ada

8:58sengkut-pautnya sama sama modul yang lain

9:02juga pelan-pelan demigrasi ya enggak pakai webpack lagi tadi tuh baru baru ngapret storybook setelah

9:10sekian lama pokoknya dikerjaan ada project yang pakai storybook sekarang ternyata mulai 8 major

9:18version 8 kesini udah by default semua kalau mau ganti web bisa kalau misal punya apa konflik yang ribet ya cuma kalau

9:33projectnya simple yang nggak tahu pengalaman gue sih langsung pakai Fit aman ternyata ya yang

9:43menarik lagi adalah jazz jazz dan webpack ini kayaknya senasib ya mulai ditinggalkan ya karena

9:50Vites, lagi-lagi ekosistem Vites itu mencaplok.

9:55Luar biasa ya.

9:58Yang kerjakan kan masih Evan Yu kan? Komunitas kan?

10:02Komunitasnya dari komunitasnya Vue ya.

10:06Tapi bukan Evan Yu kan ininya?

10:08Bukan, bukan official.

10:12Bukan, si itu Anfu-Anfu kan?

10:15Itu juga aktif banget.

10:17ya meter Vita atau bun anbeda beda satu runtime satu satu raten bun itu rangsang itu adalah

10:30tapi bisa bisa bisa bisa ya bisa pesaingnya pesaingnya Yarn npm ya bun-bun itu ya nol

10:50ya dia rantai ada-ada ini ya ada build-in bandelernya ya berarti ya Oh

11:01coba nah Mas Risa yang udah pakai Bundo udah udah pernah

11:09baru install doang kemarin yang banding-bandingin doang menang

11:13Iya bukan kecepatan kecepatan compile eh bentar bandelernya bun namanya blur bukan

11:24Hai mereka lucu sih bunyai bandelernya namanya deler bundel build bundler namanya namanya

11:33bundel build-build asik coba namanya deler ndler bundler ndler andler terbunuh bunder

11:46kalau dari apa namanya dari benchmark yang ditampilkan di Bun yang adalah subjektif ya

11:56dia paling cepat ya dibandingkan yang lain tapi ini kan diwetaknya bun ya dan apa itu kan dibikin

12:04khusus test case nya dibikin yang melukung itunya dia tapi ada beneran juga sih mungkin optimal

12:12karena kan ya bisa jadi telah sesuai sesuai apa arsitektur runtime nya dia betul-betul Oke terima

12:21kasih ya anti pattern jsu namanya cukup ini ya menarik ya nanti pattern jenisnya baru tahu juga

12:29namanya anti pattern Oke kemarin kita udah masuk juga ke front-end framework udah bahas tentang

12:38trending trendnya react intinya adalah react masih di atas agak jauh dengan teman-teman yang lain tapi

12:45view catch up angular turun terus trendnya dari tahun 2018 dia menurun terus

12:54tapi gak tau ya tahun depan ini bakal naik bisa jadi karena mulai ada fitur yang baru

13:03ya svelte trennya naik terus sedangkan solid ya cukup solid ya

13:09naik terus tapi tetap gak banyak yang pakai svelte

13:11maksudnya di production di lingkup profesional tetap gak banyak yang pakai

13:16belum banyak ya kalau solid ya bukan solid ya pre-act ya

13:22pre-act malah agak turun tapi sedikit kenaikan cuma 1% dari tahun lalu

13:27terus ada lead juga yang

13:29so-so

13:30tadi melihat ada

13:32ada pemain baru HTMX

13:35itu bisa dimatiin, gak mau coba

13:37di atas itu kan ada Alpine

13:38ada Alpine, Alpine dimana

13:41Alpine posisinya

13:42oh ini Alpine

13:44HTMX di bawah, baru mulai tahun ini

13:47ya kan baruan

13:48solid juga

13:51naik ya

13:53lumayan

13:54trendnya

13:56React naik turun stabil lah ya bisa dibilang cukup stabil.

14:02Ada Statsil yang juga mirip seperti Lydia Terus kemarin kita udah bahas tentang kegembiraan sentimen

14:21negatif, antara react dan view jumlahnya hampir mendekati.

14:28Yang isi.

14:31Yang isi.

14:32ini juga sama ini sih 21.000

14:41hampir-hampir sama ya hampir sama semua pada ngisi

14:47nggak suka sama-sama itu tuh sama Ria

15:00ada yang cukup signifikan ya

15:10terus ember dan nux ini 8% ya lumayan banyak juga ya kenapa next.js lebih rendah ya itu ukur apaan

15:22sih ada frontend framework yang isi kali remix juga sedikit astro paling banyak ya Oh ini

15:33pertanyaannya apa ya favorit itu harus pilih satu atau gimana ya enggak ada enggak ada tulisannya

15:39ini pertanyaannya apa?

15:40Di bawah kayaknya.

15:41Di bawah ada yang kuning-kuning.

15:44Biasanya di atas.

15:46Biasanya di atas.

15:48Tapi ini ada pertanyaannya.

15:50Mungkin yang mereka paling suka

15:52atau gimana ya?

15:54Masa sih penggunaan, kalau soal jumlah

15:56pengguna nggak mungkin ya penggunaan XJS

15:58di bawah Astro, Ember,

16:00Nox?

16:02Astro mungkin

16:03lebih sedikit. Ini apa ya?

16:07Atau yang baru

16:08itu mulai pakai judulnya enggak jelas ya tarikan ya Oke kita lanjut dulu happiness

16:17ini online secara umum ya semakin menurun ya ya

16:22ya itu ten oh yang kita bahas minggu lalu kebanyakan pilihan pusing gajian pusing

16:31main pointnya juga sama bikinnya lama apa mau sayang dodok suatu fitur lama pada berhubungan

16:38terlalu cepat buru-buru saya gerusa-gerusuh eh kalau Mas Duni bilang selain yang populer nih

16:45selain yang populer responnya dikit banget tuh Iya next sedikit sekali ya by the way ada di

16:56Teman kantor yang gak suka banget sama javascript karena dia orang back end banget.

17:02Dia bisa hampir segala banyak.

17:05Masih dia sekarang bagiannya memang infrastruktur.

17:10Dia mengatakan most of the time yang dia pakai untuk urusan javascript adalah dealing with dependency.

17:19Setupnya, dependenciesnya segala macam itu aja udah habis waktunya.

17:26karena ada standar-standar pointnya itu kelihatan di sini excesif ya flexity

17:32ke-3 ke-3 ke-3 ke-3 ke-3 ke-3 ke-3 ke-3 ke-3 ke-3 ke-3 ke-3 ke-3 ke-3 ke-3 ke-3 ke-3 ke-3 ke-3 ke-3

17:45yang harus iya apa di-link sama itu ya apa versioning juga tergantung kompleksitas tapi

17:53kalau dibandingin sama yang pure dunia B tapi lebih cepet lebih cepet lebih cepet lebih cepet

17:59JavaScript jadi dependensi itu bisa bisa overload choice overload Nah itu bahasanya

18:09nomor dua the choice overload ini kemarin kita belum apa ya belum terlalu dalam juga ya mirip

18:16isu saya melihat ini cukup lucu ya excessive dominance terlalu dominan ya ini masalah ya

18:23buat orang-orang monopoli ya buat yang enggak suka rias masalah dong Oh iya kita udah bahas juga nih

18:29kemarin jadi ini kan sebetulnya pertanyaannya sendiri disurvey tuh reform ya jadi orang apa

18:36bukan pilihan tapi nulis dengan kata-kata mereka sendiri terus dikategorisasi diklasifikasi dengan

18:42AI jadi emang nggak perfect sih kalau ada keyword kayak slow misalnya itu dimasukin ke kategori masalah

18:52performance padahal kadang maksudnya yang slow yang lainnya misalnya apa sih fitur-fitur JavaScript

18:57itu dirilisnya lambat karena W3C atau apa ambil keputusannya lama jadi ini enggak sempurna juga

19:05sih kategorisasinya Vue.js issue adalah migration issue karena Vue.js issue adalah Vue.js issue

19:14tapi bisa diklik kan 141 bisa aja jawabannya apa nah ini yang juga jadi salah satu kendala ya dari

19:25video ke video V3 kita udah sempet bahas ya sama warat ya waktu itu tentang bagaimana painsnya

19:35berpindah dari view 2 ke view 3

19:37kalau view just issue ini apa

19:41reinventing the wheel 5 times a month

19:45view must not become react

19:52oh emang ada karasana ya

19:53they are trying to do

19:56react is operated

19:58because corporate use

19:59corporate world should consider the choice

20:02oh ini yang kemarin ada juga nih

20:03kita udah baca

20:04to many jobs for react and not enough jobs for view

20:09let off remote sly on jse kursi streaming car especially coming from view menarik-menarik ya

20:20oke nah malam hari ini kita akan lanjut lagi ke arah meta framework yang tadi ada next.js

20:27dan nukes juga ya yang meta termasuk juga astro astro astro gas ini ada gas masih ada

20:37lumayan banyak yang pakai ya ternyata ya cukup naik malah kali ya Iya naik 1% ia

20:491% lumayan nah ini baru head to head antara meta framework jadi ada next.js ada nux ada

20:59astro yang paling signifikan astro ya astro dua kali lipat ya sedangkan next.js ya dominan ya

21:12ini nya belakangnya pakai astro pakai kan meta-meta framework atau UI library nya apa aja

21:23bisa astro.astro terus bisa bawa yuk yang officially supported 3x well view solid kalau

21:34masalah JavaScript Vanilla pun bisa jadi kalau bisa pakai Vanilla JavaScript yang mau pakai

21:39custom element atau mau masukin apalah klip gitu ya mestinya bisa ya cuma belum coba terus

21:47yang unofficial kayak pada mungkin kayaknya ada yang bikin integrasi sama apa gitu yang lainnya

21:53cuma yang jelas major-major UI Framework atau library supported semuanya kayak reactual view

21:59next.js dominan dan naiknya cukup signifikan juga dia sendiri di atas kemudian ada nux juga

22:08naiknya cukup signifikan juga Gatsby walaupun turun tahun 2013 sejatuh yang disangka ya Iya

22:16kalau di kalau kita pakai sosmed atau hacker news kan kayaknya udah enggak ada yang pakai Gatsby tapi

22:24sebetulnya dunia nyata kan enggak se-extreme itu ya kayak misalnya apalah website company yang

22:30menengah atau apa yang dengan Gatsby 4 proyek yang saya nonton masih pakai Gatsby loh makanya

22:37nggak mungkin semua langsung diri red next.js lagi ngetrend rilai tak mungkin gitu kan jadi

22:43sebetulnya ya walaupun jatuh berkurang enggak enggak terjun bebas juga ya elefanti naiknya

22:52sedikit stabil stabil tahun lalu naiknya lumayan dokusaurus solid start baru mulai denofresh juga

23:04baru mulai datang baru kemudian kita lanjut ke sentimen ini yang seru orang CP atau lumayan

23:1544 lawan 30 13 persen tapi jadi bar yang punya ringkas summary dulu bar yang di kiri itu kan

23:28udah pakai seneng kalau bar yang di kanan itu apa sih biru ya toska ya gitu deh tapi pengen pakai atau nggak pengen pakai

23:42oh ini 50-50 ya jatuhnya ya

23:45tapi itu nggak nyangka, kalau kirain orang yang udah denger Next.js tapi belum pernah pakai

23:51asumsi gue adalah hampir semua akan mau nyoba, ternyata nggak

23:56ternyata hampir separuh-separuh tuh 22% mau pakai 20% enggak denger belum pakai dan nggak mau nggak

24:06tertarik salah satu dari situ penepan enggak ada project yang mau dikerjakan pakai next.js

24:15simple tapi pakai untuk main-main supaya sekedar tahu pakai sekedar tahu dan coba-coba begini

24:25udah gitu itu ya berarti berarti beda-beda kasus sama yang beri makanan dan merah-merah

24:32ya enggak pengen pakai mau enggak gua ada sebuah terlalu hard of it tapi interest cuma belum

24:40dapat project yang iya itu ijo itu ijo berarti kalau kalau misalnya suatu hari ada project yang

24:49kelihatan cocok kan ya udah why not coba kan cuma sekarang belum ada ya udah nggak usah pakai dulu

24:54hanya satu persen dari responden yang tidak pernah dengar next.js penasaran itu tapi cukup

25:02satu persen orang kelompok itu cukup tertarik dan cukup info buat misi survei state of JS tapi belum

25:10pernah denger tentang next.js menarik ya itu bayangin profilnya mereka tuh orang kayak apa

25:17bisa jadi mana apakah enggak sosmedan atau ngelihat apa channel atau forum diskusi web

25:25sama sekali atau mereka komunitas apalah yang beneran terpisah atau iseng jawab

25:31bukan penontonnya ngobrolin web dia baca anak-anak ngulat ngularkan dia punya punya

25:39punya segmen sendiri kalau yang nggak garis keras kayaknya masih pernah denger ya minimal denger

25:49siapa tahu dia masih masih berkutat di jquery oke nah yang cukup menarik juga nux ya nux ini

26:05banyak yang dengar tapi enggak mau enggak tertarik belum pernah pakai dan belum tertarik lebih banyak

26:15yang enggak tertarik daripada yang tertarik yang tertarik Iya tapi sebetulnya buat yang udah pakai

26:22tingkat kesenang kepuasannya cukup tinggi kan cukup tinggi tingkat kepuasannya cukup tinggi

26:27berarti nux ini ada ada apa ya ada sesuatu yang membuat orang-orang enggak tertarik belum tertarik

26:34untuk melirik yang belum terlalu yang dipakai oleh view-view-view-view-view-view-view-view-view-view-view

26:42kalau Astro enggak head-to-head exact tapi ya orang yang suka modding dengan view bisa pakai

26:57ya jadi ada batu ekosistemnya enggak semata next.js kan Nus ya tapi kan spesifik ini seberisi

27:09karakteristik yang nisya bagi yang diluar itu diluar tuh masih yang bukan bukan pengguna Nats

27:16ya kayak banyak yang enggak tertarik lah cuma karena mungkin apa penjelasan paling gampangnya

27:22mungkin mereka bukan konder view.

27:25Jadi walaupun udah denger, ya sama sekali nggak pengen,

27:28karena emang nggak tertarik sama view bisa aja.

27:34Kemudian Gatsby, ya kita udah tahu sama-sama ya.

27:37Gatsby menarik nih.

27:38Sebenarnya profilnya mirip sama NUTS,

27:40cuma kalau buat yang udah pakai,

27:43kayak seneng nggak senengnya dibalikin itu.

27:46Iya, kembalikan.

27:47Kalau NUTS yang dari sedikit, relatif sedikit yang pakai,

27:51sebagian besar dari mereka senang posisi pengalamannya kalau SBI bagian istri

27:57pakai ijo saya 18% itu saya pakai tak senang ya iya merah-merah saya maintain ada maintain

28:08dan saya nggak mau lagi fitur disitu cuma maintain aja udah berarti kan negative experience masukin Masukin di aja udah pake graphql eh sekarang sih kayaknya udah gak ya

28:24cuma

28:25dia ada Gatsby surface renderingnya ada

28:28cuma kan beat the purpose dari

28:30Gatsby, ada Gatsby 5

28:32dulu, cuman gak

28:33maksudnya gak diterapin lagi

28:36eh maksudnya di project yang saya pake

28:38gak pake yang

28:40surface renderingnya

28:41jadi hanya pakai static setnya aja cek static saja nretat lalu kemudian astro astro ini banyak

28:51pengguna yang udah pakai cuma sebagian besar banget happy puas wajar karena lebih-lebih baru

29:03dibandingkan Max dan Gatsby kan jadi banyak yang enggak tahu tapi tuh Iya kan baru ya Nah di bawah

29:13orang yang apa ya nggak terlalu ngikutin mau saya misalnya mungkin udah kerja setolip sebagai

29:22developer di perusahaan yang bukan startup yang establish enggak nonton channel kita enggak nonton

29:28ya pokoknya gak ngikutin gitu

29:31belum pernah denger Astro kayaknya make sense

29:33banget deh maksudnya kebayang profil

29:35orang yang kayak gitu

29:36yang menarik adalah

29:41yang sebenarnya duluan daripada Astro

29:43apa barangan ya

29:44svelte nya duluan tapi svelte nya

29:47gak juga ya

29:49masih di maintain gak sih sama

29:51Elis Haris

29:52di maintain lah

29:53full time lah

29:55iya full time diversal dia

29:58Dan kayaknya nge-hire entah berapa ya, nggak terlalu banyak kayak satu atau dua maintainer full-time lainnya.

30:07Di-hire-nya sama Vercel, cuma maksudnya apa kerjanya ya independen full buat maintain dan swell kit sih satu ekosistem.

30:17Tingkat kepuasannya hampir-hampir sama seperti Astro, cukup besar.

30:21mirip dan apa yang belum pernah dengar itu lebih sedikit dibandingkan astro tipis lebih sedikit ya

30:30tapi ada yang nggak mau pakai lebih banyak ya ya tipis juga sih karena sel-kitkan spesifik

30:39buat orang kasusnya mirip tadi kalau orang yang emang ya sudah terperangkap di dunia riek ya

30:46ya apapun sih musim you punya orang yang nggak pengen ngoding pakai swell ya otomatis ke eksklu

30:56dan nggak nah ngomongin dunia react remix juga apa metafram untuk react tapi cukup besar juga

31:07ini tidak enak tariknya kenapa tipe ini itu kalau diklik angka 25 nya gimana tuh apa ada bisa di

31:17klik sih respondennya bisa harusnya bisa karena nggak bisa bisa bisa kalau ada tanda bigger

31:25project feels like it went after Shopify akuisis Oh gara-gara dibeli jadi orang jadi kurang tertarik

31:43karena emang apa ya kan kayak e-commerce sama react router juga ya jadi bukan di Mercy cuma

31:54kayaknya apa gitu developmentnya bakal lebih fokus di routernya

31:58ini juga menarik nih

32:00the hype surrounding this project feels artificial

32:03oh yang cari drama-drama itu ya

32:07mungkin maksudnya itu

32:09yang membanding-bandingkan dengan framework lain dan secara frontal ya

32:14selamat malam abu lucu

32:16kamu lucu sekali

32:18one of your layer on top of the other Oh jadi sebagai framework yang mengaku sangat dekat

32:32dengan browser tapi ternyata enggak deket enggak sedekat itu gitu ya banyak player layarnya menurut

32:40dia nggak yakin akan panjang umur ya tetap itu di akuisisi habis itu ya hilang remix

32:54is not currently compiling choice given server component in next Oh gara server component juga ya Dan kasusnya dia terlalu banyak pakai next yaudah kan bagi dia sama pakai React

33:07udah ada server components, ya ngapain pindahan, belajar baru lagi.

33:11Yes, menarik-menarik ya. Ada Remix, ada apa lagi ya, yang React-based apa ya?

33:19ya next next next next astro-astro next Astro remix Oh ini Gatsby ini enggak masuk ya Redwood

33:36enggak masuk ya enggak cukup banyak kali ya enggak cukup besar enggak ya ya ya ya oke

33:44juga kurang dokusaurus ya ini Nisya sangat Nisya karena ini khusus dokumentasi punya tujuan

33:55spesifik juga nih ya Rekbe banyak nggak tahu tuh saya juga kalau nggak gara-gara ngobrolin web

34:04nggak tahu tuh Iya makanya makanya denger dengerin web VT bunyis build atau no build no build no build

34:13no build vanilla elefant ini elefanti yang saya pakai buat website pribadi nih elefanti itu dari

34:26jadi wajib onan ya bisa bisa bisa dipakai web komponen tapi ya Vanilla JavaScript sih mau

34:40ini apa server-server server-server generator-generator statik generator

34:51quick-quick kompleksiti choice overload sih terus aja ada generasi front-end kan

35:03meta framework nya itu bukan quick namanya quick City ya kalau nggak salah ya belum

35:08masuk dia builder.io bukannya elefanti Iya saya juga pakai elefanti Wah Mas Doni juga pakai elefanti

35:15ya mentap-mentap itu yang lama website dibikin Mas Yohan Ken apa tuh yang buat ah oh w-id dulu ya

35:30WWID situasi ID dulu kan pakai elefanti ah masa enggak enggak enggak itu pakai

35:39lip Oh iya kok gua kebalik-balik silik sama sama elefanti quick City bener ini

35:50ini quick city kan ini kan server focus feature kan quick city nggak masuk ya react

36:04kalau project ini quick itu UI library quick city itu meta frameworknya

36:15Meta frameworknya yang ada routing dan macam-macam.

36:19Kalau Priyek itu kan masuk ke front end ya.

36:21Meta frameworknya Priyek kan nggak ada ya.

36:23Dia nebeng kan.

36:25Nebeng masuk next.js tapi pakai Priyek.

36:29Apapun yang bisa jalanin Priyek harusnya di desain.

36:32Priyek di desain buat compatible dengan apapun yang bisa jalanin Priyek.

36:37Priyek itu masuknya ke front end framework.

36:40Kita udah bahas di minggu lalu.

36:42Ada Priyek di sini.

36:43ada ini dia eh mana dia react tuh ada tapi kalau di meta framework itu dia nggak masuk karena dia

36:52itu adalah UI library jadi dia mungkin masuknya ke sini nih sini ke Gatsby pokoknya yang bisa jalan

37:01apa yang menggunakan react itu bisa menggunakan astro Gatsby astro remix cuma mungkin nggak terlalu

37:11Straightforward ya, karena masing-masing metaframework itu kan sebetulnya udah pake dependency React.

37:17Nah bisa sih bisa pasti di replace pake React.

37:20Cuma exactly langkah-langkahnya kayak gimana, settingnya ribet atau enggak,

37:24di compare sama performance benefitnya.

37:28Kan sebenernya sekarang juga kalau udah di compile, misalnya combine antara SSR atau SSG.

37:35Kan enggak semuanya harus di load di client side, belum ada island.

37:40Nah itu case by case sih performance benefit

37:44jengkir balik buat pakai pria gitu worth it atau enggak kalau udah pakai meta framework

37:49Oke

37:53nah berikutnya Oh yang menarik juga denovresh ya ini cukup baru tapi bisa melangkahi solid

38:04start denovresh ini adalah framework Oh iya solidnya yang udah lama ya solidnya yang

38:13ini semua malah mana gue rusi bagian 59 sama 65% enggak pernah dengar dengar dengar ya solid

38:24start-start itu metode-nya solid-start fresh dek kayaknya pernah sempet bahas yang waktu Island

38:30sempat bahas kilas dia sintaksnya mirip react episode salah lagi itu episode 1

38:42berarti Iya episode 1 yang sebetulnya episode 2 karena kita mulai dari nol Oh

38:48iya iya iya oke siap-siap oke ada metaframework analog

38:55ini analog paling gede loh kalau kuasa udah pernah cukup ini dibanding apa

39:05fresh agar itu dibanding apa ya Raja mungkin pilih pek Oh mungkin kelihatannya ada jawab

39:11satu input ada kata framework lain yang belum disebut di atas anggular tapi pakai

39:19bisa SSR sama status

39:25kayak mobil aja dari kapan dia

39:33last week update nya dari tahun lalu mulainya kapan tahun lalu ya

39:41nitro-nitro nyawa terus kuasar kuasar ini kan framework ya buat multi platform ya iya quick

40:02dan tadi tuh beberapa teman-teman udah membahas nih quick masuk sini 8% tapi anaknya juga ya

40:08framework ya tapi gedenya itu setelah kita kan ke pengaruh visual ya banyak banget ya

40:1578 orang doang hanya 78 orang dari ratusan ribu tadi puluhan ribu dibandingkan dengan

40:2420.000 ini aja tuh kecil sekali ya setitik garam di lautan fitres tadi bukan di US

40:33Iya guys V frasade juga ya udah udah juga ada leather RIH

40:56next nooks nooks nooks nooks nooks nooks nooks nooks nooks nooks nooks nooks nooks nooks nooks

41:07ada adonis adonis ada yang pakai refine refine.de pernah lihat cuma nggak inget

41:21itu ritual ritual for enterprise itu itu enggak tahu ritual itu no code platform

41:32ini buat enterprise ya berarti ya tampilannya sih keren ya ini tuh karakternya kayak Lara

41:47ya mau saya ekosistemnya Laravel yang kayak semua ada semua dikasih desisinya enggak harus ketengan

41:55mikir router pakai apa state pakai apa kelihatannya sih segilas dari itu ada ada meteor belum ada bun

42:04bun masuk bun masuk random juga ya reputuhnya enggak soalnya bun ini lengkap dia memang apa

42:15namanya runtime tapi udah bisa bikin ada request response servernya udah ada terus dia seksinya juga dia udah support seperti ini langsung nggak perlu langsung dari ini ya Oh iya Oh berarti lengkap javascript runtime nya dia udah langsung bisa JSX betul

42:37sama kayak Deno makanya si Deno fresh itu menggunakan ini enggak perlu pakai JSX nggak

42:42misal JSX atau React DOM segala macem menarik terus bisa bikin yang kalau buat ini ada enggak

42:56ya buat kayak metaframeworknya ini server render udah pastikan server render kan secara otomatis

43:02kan dia mentranspire saja Iya dan mungkin gara-gara itu dia jadi masuk ke sini mungkin ya

43:11redwood ini bisa replace perannya framework itu redwood masuk meteor masih ya ternyata masih ya

43:2113 orang yang pakai pakai masih ada sih ada masih berkembang juga kok Adonis Adonis ini cukup nih

43:34karena mungkin biasanya 12 orang ini adalah penggemarnya Laravel yang pindah ke node.js

43:40Dia cari yang mirip

43:41Jadi pilihlah

43:45Adonis

43:47State of JS 2024 kapan?

43:49Belum, tahun depan

43:51Ya nanti

43:52Akhirnya sampai 2024 selesai

43:55Follow salah satu dari kita

43:57Nanti kalau ada surveynya kita tweet

43:59Kita share

44:00Other answer, ada lagi gak?

44:03Yang lain, apa nih?

44:04Kok gak bisa di klik ya?

44:05Yang kiri

44:08Gak bisa

44:08nggak bisa Oh nggak ada not included answers Yes sedikit lihat coba dari total dan kelihatan

44:18dari totalnya berapa dibawah mentad bahwa bahwa bahwa tuh batian yang ada itu hanya isi yang 22%

44:28dari dua persen dari itu tadi 23.000 partisipan jadi mungkin dia pertanyaannya apalah Apakah

44:35Framework favoritmu tidak disebutkan di atas.

44:40Atau semacamnya.

44:43Eh, itu kita bahas itu kemarin.

44:46Google Developer Expert.

44:49Data entusiasme YouTuber.

44:51Apa itu? Pocket Base itu apaan sih?

44:55Pocket Base itu adalah database as a service.

45:00atau kayak firebase dan habisnya realtime ini ya sudah single binary itu $5 server

45:18onescale 024 how happy you are with current state of metaframework 2,5

45:282,4 tapi enggak sih not bad benih udah masuk ke selesai lumayan gitu ya kalau coba low ancur

45:39nol nah berarti ini kan menengah ke atas 2,2 berarti oke lah metaframe workpoint next issue

45:51ini apa isunya ada pertanyaannya metaframe

45:56mendorong itu kecing kecing kecing kecing kecing

46:01reading.cpi slow Nah itu everyone uses

46:08next.js which is next.js specifically is quite marketing driven ya

46:16terrible dx documentation kenapa documentationnya

46:21bagus ya nah cuma ini kan subjektif kita udah bikin setengah ya mereka yang bikin

46:28apa orang versel udah bikin dokumentasi setengah mati ya tetap aja bakal ada yang

46:33ssd itu framework yang bisa deploy meta framework ke eh service cloud bispesifiknya AWS dan dia

46:51belum mendukung naks jadi dia terpaksa harus pakai next kalau mau pakai ssd Oh gitu kayaknya ya kalau

46:59Ini masalahnya terlalu spesifik semua ya.

47:03No jobs.

47:05Enggak ada job untuk Next Atau dia aja Dia doang nggak dapat kerjaan no auto import in next nux yang ada ya

47:16nah cuma auto import kalau disupport nanti ada yang komplain juga kan nggak jelas kan

47:24gue pertama kali pakai nux tuh bingung sih asli kalau nggak biasa ya

47:29product of the devil

47:34login ya vendor kebanyakan vendor login ya app router is just bad a lot of bugs and

47:46unstable feature crashing your up with every release beta features like production ready

47:51not perfect but at least it brings us closer to standard way to use react tapi ini positif ya

47:58kita pernah bahas ini loh kita pernah bahas itu apa namanya konsep atau behavior next-gen itu

48:05kan selalu catch up dengan apa teknologi yang terbaru ya ya tapi itu dia akhirnya dari frame

48:14kalau mau cari stabilitas ini mungkin ya presen.js gitu jangan next.js ya

48:30unstable Ria ia mengetepkan bahas dan dia pakai react yang reaksperimental kan yang

48:41experimental betul shift between front and back and framework eh proses to unstable

48:49to hard to migrate state management layout and middleware not flexible

48:57client catching creating

49:03only for framework they are pushing rsg as new thing even though it's more

49:18meeting dan the solution we had before vendor login reakses komponen mau pakai klien render

49:30semua juga enggak apa-apa tapi yaitu sulit bikin orang banyak seneng ya ternyata Iya tidak bisa

49:38menyenangkan semua orang tapi mostly kebanyakan masalah utamanya adalah vendor login catching

49:45sama ep router komplainnya ya sama stability stability yang dia stabiliti

49:51karena mereka pakai experimental features kompleksity kita lihat apa yang kompleks

49:58menurut mereka over engine rendering mode SSR ISR ISR

50:05to much complexity masalahnya betul-betul complex over engineer ini kita nggak bisa ini ya semua

50:19pokoknya complex aja ya Nah deployment berarti of hosting cash image transform Oh ini ada hubungan

50:29next juga kali ya diploid ya atau sebek framework apapun sih yang punya image transform on the fly

50:36kan berarti butuh server ya buat ngejalanin itunya convert image nggak maksudnya kalau kita develop

50:45next.js kan agak kalau kita pakai semua fiturnya beberapa fitur utamanya itu agak susah di deploy

50:53yang kemarin ada bikin community next community Open next kan Iya tapi kan itu masih teringgal

51:08kan Iya enggak nunggu update dari next.js dulu kan ya cukup ya beda-beda update dari

51:15nah itu tergantung lagi-lagi subjektif seberapa kita harus latest selesai kalau cuma beda beberapa

51:26minggu atau satu bulan dari yang terbaru sebetulnya ya nggak mudah juga sama kita pakai

51:32itu kan satu versi dibawah Iya bisa sama persis sebelumnya di previous kayak di docker image

51:44juga bisa kan kalau mau enggak pakai versi ya cuma ya extra effort hosting SP absolute nightmare absolute nightmare ini ini agak bias juga

52:00mungkin orang yang ngisi survei state of jes itu kan kemungkinan orang front-end yang front-end

52:05banget ya jadi mau saya apa ada kayak semacam apa ya sense of entitlement pengen pengen experience

52:13segampang sesimpel drag and dropnya atau apa auto-auto deploy-nya netlify dan Vercel pengen

52:21sisi itu tapi pengen juga pengen kemampuan portability pengen gratis mau saya pengennya

52:28banyak padahal sebetulnya infra itu kan kayak infradeployment si ICD itu kan sebetulnya satu

52:34field yang ya kayak semacam satu expertise sendiri ya jadi kayak nggak matchingnya di situ kan

52:40deployment integration not for Astro or fresh di Arfai ya ini ada yang nanya nih next next 14

52:52masih harus running di versi lkc pernah coba di next 13 without dear image gak bisa dipakai iya

52:59image itu spesifik ke versal ya bener gak sih by default spesifik ke versel tapi tapi di konfliknya

53:07bisa diubah kita mau misalnya pakai kalau menari ya bisa kita punya kalau dinari ya kita masukin

53:14apa epi Cloudinary ya buat generate on the fly atau semacamnya bisa itu udah dari 12 kayaknya deh

53:22Oke kemudian version changes ini update-nya terlalu cepat ya breaking changes transition

53:34termasuk juga tapi nggak bisa susah kita kayak nggak ada kotaknya atau terlalu banyak yang

53:43juga migration usnya tidak didukung terlalu gimana-gimana ya kalau misalnya upgrade major

53:53itu banyak perubahan juga sih next.js ini belum pernah sampai belum pernah belum pernah belum

54:00pernah yaitu yang terakhir major kayaknya yang apa F dir sama ini kayaknya Oh yang perubahan

54:08perubahan asli cek simpulnya by default on terus selanjutnya by default off itu karena kayak salah

54:20salah decision tapi generally antar versi-versi major ya pasti kalau major pasti ada yang breaking

54:27ya cuma enggak enggak extreme-extreme amat sih sebetulnya selain yang pages router ke

54:34app router tapi kan sekarang tadi pejabat belum di depoket juga masih bisa dipakai ya masih bisa

54:41dipakai betul tapi pengalaman saya migrasi dari spellkit versi beta ke spellkit versi satu itu

54:51sangat menyenangkan enggak ada masalah makanya juga berpikir ada kayaknya betul ada main-main

55:00ya nyariin terus ada migration guide nya juga cukup bagus gampang diikuti dan enggak ada

55:08istilahnya enggak ada yang update macam-macam gitu jadi kayaknya lebih smooth lah prosesnya

55:14itu smooth kalau yang lain saya belum pernah yang nomor 22 tadi bisa rileks sih karena ekosistem

55:23kalau pakai library eksternal itu mungkin nggak kompatibel.

55:28Terutama pas lagi masing-masing yang ada RSC mulai santar,

55:34jadi di atas harus pakai directive use client kalau ingin jalan di website.

55:39Kalau nggak, fail.

55:40Nah, itu banyak library lama yang belum pakai use client atau use server.

55:46Betul, betul, betul.

55:48Jadi ini banyak masalah di version lack of documentation.

55:53ini kan metaframe work in general in general Iya nux3 kurang dokumentasinya

56:02masih dianggap kurang Larafeldok should be the standard

56:09memang sebagus itu ya

56:12lengkap-lengkap itu ya

56:16pembagiannya mungkin bagus ya kayak itu kan harus disurvey banget

56:22walaupun informasinya ada kan keywordnya kita nyari di halaman apa di bagian apa

56:27dokumen tesion and example of documentation nah ini positifnya adalah

56:36Opportunity buat kita atau teman-teman yang lain,

56:39kalau menemukan framework atau library yang dokumentasinya dirasa kurang bagus,

56:46silakan pu-request atau tanya, tulis di issue, boleh nggak saya improve?

56:50Nah, lumayan kan?

56:52Buat belajar.

56:53Kalau yang agak egois sedikit, di-containin aja, bikin YouTube channel,

56:58atau bikin blog yang isinya pain point hal-hal yang nggak ditemuin di dokumentasi,

57:05tapi kayak practical how to bla bla bla

57:08Mas Liza bahas elixir contohnya

57:11kan orang ngesersu nyari di dokumentasi

57:17gak nemu jadi cari-cari di tempat lain

57:20pada masuk ke channel atau blog teman-teman deh

57:24iya itu udah cukup sering dibahas sih

57:27maksudnya kan banyak yang suka sama elixir juga

57:31nanyain kenapa sih elixir gak populer gitu kan

57:33ya ini kalau ngomongin hal kayak gitu kan kayak ayam sama telur ya mau populer dulu karena banyak

57:43karena apa mau digrow dulu ya di grow ekosistemnya dulu biar pokoknya mana dulu kan gitu jadi ya saya

57:50memutuskan untuk melakukan apa yang bisa saya lakukan memperbanyak konten aja jadi siapa tahu

57:55nanti orang-orang Indonesia yang nyari elixir ya sudah ada nih kontennya yang berbahasa Indonesia

57:59Indonesia gitu kalau misalkan enggak ada kan tadinya dia tertarik terus lihat Wah bahasa

58:06Inggris semua nggak jadi deh gitu kan begitu ya ini berlaku untuk semua ini ya semua teknologi

58:12ya bukan hanya elixir nah ini dijawab nih sama mas Rehan masih bisa dipakai tapi enggak ada update

58:18src.org yang tadi ya jadi belum di-report tapi nggak dapet fitur baru ini apa over

58:30sel-sel ada-ada kategori khusus kategori-kategori penpoingnya persel apa masalahnya persel-persel

58:38nah pertanyaan berikutnya adalah apakah svelte dan svelte akan mengalami hal yang serupa karena

58:45Sekarang kan reserisnya di Vercel juga.

58:49Apakah dia akan vendor login?

58:53Sejauh ini belum ya.

58:55Karena SoCit kan pakai sistem adapter.

58:57Bisa di-deploy di Vercel, bisa di-deploy di Netlify,

59:01atau server.js apapun.

59:04Nah itu next-nya kan tergantung seberapa.

59:08Kayaknya reseris itu kan kelihatannya dari omongannya jenis orang yang...

59:12Cukup idealis ya.

59:13Iya, idealis apakah misalnya ke depannya Vercel mendorong halus biar adaptornya dihilangin,

59:20by default pakai Vercel, ya kalau user mau bikin ekosistem,

59:25komunitas mau bikin solusi di luar itu boleh.

59:27Nah, series-seriesnya mau atau enggak kan itu tergantung.

59:32Kalau misalkan, enggak tahu ya, udah lama enggak ngikutin spell kit,

59:36apakah mereka sudah membuat semacam image component?

59:42Kayaknya ada ya.

59:42nggak tahu nggak tahu cuma kalau soal pendekatannya mereka enggak ngasih komponen-komponen yang siap

59:51pakai kayak gitu kan kalau user mau bikin sendiri ya boleh Oke kayaknya pernah denger deh tapi ya

59:59coba dicari aja ya mungkin unofficial coba cari image komponen adanya enheise image images ada

1:00:11ini ada kan tuh bener ada ini modul enhance image coba diinstall terpisah

1:00:19tapi official ya official package ya

1:00:23bagus bagus sih jadi mau saya apa ini opt-in cuma ya kalau mau coba boleh

1:00:32apakah hanya bisa di deploy di versi enggak ya

1:00:36langsung baca gue langsung baca loading image dan memilih from CDN bisa di cloudinary bisa bisa

1:00:45masih cukup anopinonated ya CDN agnostik dia CDN agnostik dan sebetulnya next.js image

1:00:55component juga udah seperti itu sih nah cuma emang di mungkin ini trik bisnis lah ya di

1:01:01dokumentasinya ya kalau contohnya contoh default nya ya pakai pakai Vercel slow

1:01:09banyak yang bilang slow di development next ini bukan slow hasilnya akhirnya tapi slow pada saat developmentnya berat gitu Berat berat mungkin Oh mungkin kalau lagi dev server gitu ya

1:01:27Iya, karena pernah ada ngeliat beberapa tweet, cuma ada satu sih.

1:01:32Jadi dia coba develop di cloud gitu, kayak model apa ya?

1:01:38Gitpod ya, model-model gitu itu agak berat.

1:01:44kayaknya enggak kuat gitu nggak ngangkat Nah kalau yang pakai Turbo Pak enggak tahu ya mungkin kalau

1:01:51yang by default Oh mungkin lambat kalau yang pakai Turbo Pak Oh jauh lebih cepet sih no

1:02:00batteries included framework like reals ralafel Phoenix stupid speed up development ada itu

1:02:08apa sih baterai semua lengkap gitu lengkap kayak semua ada serba ada wood

1:02:15kita udah bahas karena itu saking belum populernya nah

1:02:23ke alis bidang jadinya lenser reput aja Pak ya belum bisa bisa kita lho bilas

1:02:30AMR HDR speed during development tuh banyak yang slow slow slow terutama yang bagian ini

1:02:37ya development ya ya karena ini kan topiknya lagi komentar tentang slow ya eh everything

1:02:46except pure fit is painfully slow.

1:02:50Oh, apapun yang bukan fit, lambat.

1:02:55Nah, cuma standar lambatnya orang juga lambat cepat orang juga agak lain-lain.

1:03:00Maksudnya seberapa tinggi requirement-nya.

1:03:05Apa nih, kayaknya Astro mau juga apa nih?

1:03:08Mau apa nih, Mas Rehan?

1:03:10Kita nggak dapat konteks nih.

1:03:12Image component ya?

1:03:15Oke.

1:03:16Oke mungkin enggak tahu sih sekarang tadi kan kita lagi bisa jadi komponen Iya bisa jadi

1:03:21very slow ya terutama itu bad experience ya jatuhnya kembali experience sendiri

1:03:29nomor 8

1:03:33unsupported API

1:03:39naksis great but you itself has some gacchus if not aware of could become a problem in

1:03:49complete documentation I mean Oh ada di biaya kalau astrobot

1:04:00betes included Astro mau betes included ya aus belum ya belum Astro DB lumayan

1:04:08would like Lara file feature inaks Naksil still feel immature memory leak

1:04:17ssd.net support tadi udah pur first class I am a transition ssr the rest apa sih masanya

1:04:32beres kalau-kalau Firebase posisinya dimananya telinga database firebase punya ui-nya juga ada

1:04:44nah UI firebase-nya kalau ada authentication modul terus kemudian ini dia nggak pampel ya

1:04:58salah ya bisa salah

1:05:03nuk using legacy webpack nus documentation kebanyakan sih documentation kalau nuk

1:05:10belum lengkap configuration routing

1:05:13kenapa sih

1:05:14ada itunya ada logo

1:05:17kayak apa sih pilnya gitu

1:05:19enggak ini

1:05:20link aja karena

1:05:22keterangannya

1:05:23karena ada website nya kalau ini kan gak ada

1:05:27performance nya

1:05:27nomor 15 too much magic

1:05:31ini ngarahin ke siapa nih

1:05:34ya apapun

1:05:36itu kan bebas

1:05:37metaframework

1:05:38penpointnya metaframework

1:05:40under the hood magic

1:05:43way too much magic

1:05:45sampul

1:05:46ada yang komen tentang next, ada yang tentang next

1:05:49siapanya campur

1:05:51auto import

1:05:52tapi pertanyaannya

1:05:56pertanyaannya apakah kita mau bikin project yang gak pakai metaframework pakainya vanila semua kayaknya susah juga ya kalau cuma kayak single page itu ya nggak apa juga sih

1:06:12kalau single page nggak apa-apa kalau contoh kayak kemarin yang saya buat di depok juga cuma

1:06:19halaman HTML semua itu yang udah lumayan kompleks gitu kalau yang ada kalau konfliknya jujur

1:06:29kalau misi apa di poin apa harus loncat ke metaframework kalau udah ada routing sama

1:06:37kayak routing at dan atau authentication dan atau dynamically generated pages ya misalnya

1:06:45list of posts, based on data, nah itu udah mulai pusing ya kalau Vanilla JS manual semua antara tiga itu sih

1:06:55oke oke oke jadi pertanyaan berikutnya apakah ada meta framework yang tidak terlalu banyak magic

1:07:04tapi point of meta framework adalah magic

1:07:09point of meta framework kan opinionated ini kan

1:07:13Iya betul.

1:07:14Mengumpulkan hal-hal itu.

1:07:16Cuma mungkin tergantung definisi magic.

1:07:19Kalau terlalu banyak yang diumpetin,

1:07:21kayak ini kan trade-off antara customization.

1:07:25Iya semuanya ada trade-off.

1:07:27Dan kemudahan.

1:07:28Dan kemudahan langsung pakai.

1:07:30Nah ini gimana caranya cari poin di tengah-tengah

1:07:33kalau semuanya diumpetin under the hood.

1:07:35Terus bahkan konfigurasinya, nyarinya dimana kan jadi magic.

1:07:40Kalau terlalu banyak konfig,

1:07:41membuat kustomisasi gampang

1:07:44nge-maintainnya juga

1:07:46susah

1:07:47si maintainernya itu kayak

1:07:49kalau mau maintain jadi jauh lebih susah

1:07:53setuju sih

1:07:54jadi kayak Next.js tadi ada yang komplain

1:07:56wah gak bisa auto-import

1:07:58sementara

1:08:00ada yang komplain

1:08:01auto-import itu masuk magic kan

1:08:04karena bingung

1:08:05ini dari library apa aja

1:08:08misalnya kita punya

1:08:09kita pakai 4 library eksternal dan kita

1:08:11mengimpor menggunakan 7 metode dari 4 library itu.

1:08:16Nah terus ada satu yang nggak compatible, harus diganti.

1:08:19Nah itu tuh, nah masing-masing metode yang di dalamnya tuh diambil dari mana,

1:08:23pusing juga nggak sih? Terutama kalau belum biasa ya.

1:08:28Wah, menurut Mas Rehan ini solid start itu magic-nya tidak terlalu banyak.

1:08:34Kita malah belum tahu ya, belum pernah cek ya.

1:08:37Si Mas Solid itu juga sering bikin live stream ya.

1:08:40ya siapa sih namanya Thomas solid Rian karniato siapa gitu ya hehehe bikin apa

1:08:49tipe livestream dan dia mengerjain dan gitu kalau ngejelasin ke detail banget

1:08:54tapi ya gitu tapi dia bukan hanya membahas solid kan dia bahas framework

1:08:58lain juga kan ya dia suka ada tamu juga sambil ngobrol gitu udah terakhir sih

1:09:04yang gue nonton adalah dia ngobrolin Astro di sama Mas Astro astro pelupa namanya bro

1:09:11mas mas mas mas mas haris-haris

1:09:22karni atau ini kan ada yang bilang bikin video kayak highlights atau kisih-kisih yang

1:09:30ringkas biar orang mengkonsumsi terus dia jawabnya yang belak-belakan gitu ah males nggak sempet

1:09:36semuanya ya bodoh kalau mau nonton ya ini silakan nonton tiga jam kalau nggak ya udah nggak apa-apa

1:09:41cuman ya dia nggak buka aja ya terus orang bilang kan apa marketing labuatkan sekalian ya ya remur

1:09:51pula dibikin yang lebih ditonton tapi dia bilang yaitu diluar skopnya dia kalau orang lain ada yang

1:09:57misalnya bikin kan sebenarnya bisa pakai itu satu apa yang auto yang di commento yang ada timestamp

1:10:04nya yang mau digituin terserah mau bikin apa terserah cuma dia nggak pengen apa membuat konten

1:10:11yang lebih menarik buat marketing framework nya dia diklip aja kalau ada yang mau bikin gitu ya

1:10:18ada yang effort bikin klip dari YouTube juga udah bisa sih bisa cuma sering enggak enggak

1:10:26dia nggak mau dia nggak mau mikirin itu dia bilang ya dia mau konsentrasi bikin ya bikin frameworknya

1:10:32sisi teknikalnya ya ya ya ini standarnya developer ya nggak penting apa jualan yang penting produknya bagus walaupun orang enggak banyak yang tahu jadi ini tugasnya kayak yang yang tidak bisa yang bukan pembuat framework semua orang bikin semua

1:10:57developer experience itu kan salah jadi salah satu bagian dari developer experience kan

1:11:09Dokumentasi bagus, artikelnya banyak, atau paling tidak ada tutorial di dokumentasinya,

1:11:18terus kita cari juga referensinya banyak, itu bagian dari ekosistem developer experience.

1:11:26Sebagus apapun frameworknya kalau dokumentasinya nggak lengkap ya nggak bisa dipakai juga.

1:11:33Seperti jQuery.

1:11:35Seperti jQuery.

1:11:35banyaknya yang pakai ya udah semua tahu cara pakainya kecuali kalau pas loading dua instance

1:11:47busin Iya kalau jQuery itu dia memang dioptimasi untuk memenangkan apa namanya survei-survei

1:11:56seperti ini karena satu website tidak cukup hanya satu jQuery bisa pakai dua jQuery jadi dia kalau

1:12:04survei itu ada dua gitu jadi dua kali lipat banyak fotonya kalau dicek kan Wah di ini kalau dicek

1:12:11kayak apa ini website pakai apa Oh pakai jQuery versi 2 dan versi 3 masing-masing klagen bahwa

1:12:20itu sendiri follow jQuery sendiri kalau aku jeklesin jaman dulu Oke kita lanjut ke ini aja

1:12:32ke build tool testing atau membas yang mana karena testing karena testing tapi sekilas aja sekilas ya

1:12:42testing itu yang paling main of the match nya adalah ini dites itu naiknya 20% playwright

1:12:52playwright bagus loh playwright bagus playwright juga termasuk tinggi playwright itu si Microsoft

1:13:00itu kayak bikin apa ya reformasi ya apa sih pokoknya mereka jadi halaman dokumentasinya

1:13:07dirombak terus ke tutorialnya juga dirombak semua terus kayaknya sekitarnya itu sekitar

1:13:13dua tahun lalu lah mulai tahun lalu satu sampai dua tahun lalu mereka juga rajin ke

1:13:19discord channel apa web developer ke cari feedback dari developer gitu jadi apa intinya

1:13:27dokumentasinya di-revamp banget dan pengaruhnya ya oke juga ya.

1:13:32Intinya mereka punya cukup banyak dana untuk dihabiskan untuk mendevelop si PlayRat ini

1:13:39supaya bagus. Kenapa? Karena mereka menggunakan API yang mirip Cypress.

1:13:44Mereka menggandeng si Kensidot untuk testing library.

1:13:48API-nya juga mirip-mirip di PlayRat.

1:13:50Testing library.

1:13:51Banyak. Iya, banyak yang pakai akhirnya.

1:13:53karena familiarity-nya orang nggak perlu belajar apa API baru lagi kalau udah pernah dari Cypress

1:14:01pakai player itu gampang saya dari testing library ke player cepet ya ke player juga gampang jadi

1:14:07mereka membuka pintu sebanyak-banyaknya karena resource-nya banyak gede dibandingkan yang lain

1:14:13jes jes tapi fites fites sama jes itu ceritanya agak mirip kayak gitu juga gua ngalamin banget

1:14:24apa ya kita juga salah satu yang yang familiar itunya maksudnya kita enggak perlu banyak berubah

1:14:30ya hampir semualah ya 95% kali gading diubah apa tesutnya kayak expect blablabla tubi-tubi

1:14:39berarti makin banyak orang yang mulai

1:14:43orang sudah mulai aware

1:14:46untuk testing

1:14:47nah dan di sisi lain

1:14:49si library testingnya juga pada

1:14:51apa sih, kayak bikin lebih mudah diakses

1:14:54dokumentasinya dibagusin

1:14:55contoh-contohnya

1:14:57mocha ini cukup stabil ya

1:15:00padahal dia

1:15:01lebih dulu dari jazz

1:15:03jadi abis mocha

1:15:04kepopuleran jazz naik, abis itu ditimpa

1:15:07lagi sama Vitesh tapi dia tetap stabil ya ya itu tadi penjelasannya sama kayak gitu

1:15:13terus apa website yang dibuat 10 tahun lalu atau lima tahun lalu lah apalagi

1:15:20testing kan lebih lebih jarang disenggol-senggol kan siapa juga yang mau mau live

1:15:28Hai teman-teman ngapain nariurite atau refactor testing

1:15:35semua tes yang ada kan harus dicobain satu-satu kan siapa yang makan

1:15:46kabarnya banyak dipakai di library testing untuk library jadi udah mungkin udah keburu

1:15:57aku pakai mocha yang ngapain juga ke jazz dan lain-lain kan jujur sih belum pernah pakai belum

1:16:02pernah pakai mocha dan enggak tahu sinteknya kayak apa dan selama ini enggak belum pernah ada

1:16:07perluannya jadi ya udah mirip sama jes bilang nggak beda jauh produk owner bilang eh tes kita ini

1:16:16berhasil mulu berhasil mulu ubah ajalah premoknya Nah yang menarik adalah ini nih positivity

1:16:28positivity Yes itu justru turun Yes itu turun karena lebih lampau vitesnya naik pasti storybook

1:16:39naik Cypress turun Pak petir bisa ya so itu aja testing library naik playwright naik tinggi posisi

1:16:50playwright Vites lebih tinggi lagi selenium mungkin turun ya benar kursus cafe turun sedikit

1:17:01service yang baru kelihatannya mulai turun tes cafe itu kayak test suite juga sih end to end

1:17:11end to end testing ya end to end ya oke ya dia bisnis kayak bisnis dia bisa kayak pakai bahasa

1:17:18bisnis gitu nanti ditransfer oh pakai kata-kata berarti ada semua kayak cucumber ya cucumber bukan

1:17:25Bahasa Inggris ya.

1:17:28Jadi di sini jazz mulai turun, si Vitesse mulai naik.

1:17:35Udah mulai banyak kan bermunculan library author atau maintainer itu migrasi dari jazz ke Vitesse.

1:17:47Testing tools experience.

1:17:49Nah ini experience-nya jazz masih tinggi.

1:17:54dan tingkat kepuasannya juga oke.

1:17:58Iya, reasonable.

1:17:59Tingkat tarikannya juga oke.

1:18:01Storybook sama kurang lebih.

1:18:04Storybook itu buat visual testingnya ya?

1:18:06Iya, visual testing.

1:18:08Kalau saya press ini integration testing ya.

1:18:10End-to-end testing juga ya saya press?

1:18:12Bisa dua-duanya.

1:18:13Bisa dua-duanya.

1:18:16Ini juga lumayan.

1:18:19Oka yang 50-50 sekarang ya.

1:18:22Mulai ditinggalkan berarti.

1:18:24dan ada yang dengar gue masuk ke lagi udah denger cuma gitu ya ngapain gede testing library ini

1:18:34cukup tinggi tinggi tingkat kepuasanya cukup tinggi ininya masih fitri tapi jarang dengar

1:18:40berarti ya follow kem si.com nge-follow kem si.com enggak dia bukan react only kan ada yang lain

1:18:51minstrel juga ada gimana sih itu kayak itu kayaknya salah salah kategori deh eh hanya salah Iya mungkin

1:19:01karena testing library itu apa ya kan karena awalnya riek riek testing library awalnya udah

1:19:10gitu kan si Kenshi dotnya kan memang dia influencer nyari akan karena dia bikin remiks kan jadi ya

1:19:17kan sekarang underline-nya texting library tapi bisa ria, bisa swell, bisa lain-lain

1:19:22dulu dia angular

1:19:23dulu kerja di facebook bukan?

1:19:26bukan, dia paypal

1:19:28paypal

1:19:2929% Pak Petir juga lumayan tingkat kepuasannya lumayan tinggi

1:19:36tapi ada juga yang tidak begitu tertarik

1:19:40kalau Vites, wah

1:19:42kepuasannya lebih jauh lagi ya

1:19:46yang udah denger juga pengen pakai pengen coba ya pengen pakai merah juga sama 2727

1:19:54is playwright juga sama seperti juga mirip MSW ini sedikit banget yang udah denger MSW ya iotest nggak pernah pakai gua baru dengar malah ini buat masing service worker ya Iya sesuai namanya namanya deskriptif ya gue taunya gara apa beli kursinya

1:20:23Iya resmi kayaknya graf GL API Oh kalau graf GL nya belum coba mungkin bisa juga

1:20:31Ya, literally buat nyoba external request, biar nggak harus nge-hit endpoint beneran.

1:20:42Cuma tahu gara-gara ikut, apa beli course testingnya CanSeed.

1:20:47Di situ ada cuma satu chapter tentang mock service worker.

1:20:52Ya, nyoba itu doang, cuma belum pernah pakai.

1:20:53Oke. Testing tools lain, Bun.

1:20:58Bun ini ada testingnya juga udah built in

1:21:01lengkap sekali ya

1:21:03Jasmine

1:21:04Jasmine ini adalah cikal bakal dari Jazz

1:21:10Karma

1:21:14kayaknya satu angkatan sama Jasmine

1:21:17duluan Jasmine ya

1:21:19duluan Jasmine

1:21:21Jasmine itu adalah

1:21:23test runner pertama yang bisa jalan di browser

1:21:28di browser ya kita pakai CDN dia bisa jalan Vite sama Vites sama atau beda beda Vite kan ini apa

1:21:40bundler kalau Vites buat testing library testing namanya sudah tes ada tesnya

1:21:48kalau Istanbul mana kok nggak ada Istanbul yaitu masuk aderanser sekali

1:21:58notepad Ufo apa sih ini belum pernah denger semua

1:22:03http server-demokrasi

1:22:07server-demokrasi

1:22:08oh ini head-to-headnya service worker tadi ya

1:22:11japa

1:22:13japa ini kayaknya menarik deh pernah

1:22:14ngelirik juga tapi

1:22:16ini sebelum vites kayaknya

1:22:19sebelum vites muncul dia sempat

1:22:21muncul

1:22:22no overhead

1:22:24dan sekarang oh ini buat

1:22:26backend ya

1:22:28backend khusus backend

1:22:31dan sekarang

1:22:33sudah ada not ya sudah muncul es render sendiri jadi mungkin agak terkis ya baru mau muncul tiba-tiba

1:22:44udah ada apa sih ya apa sih si Jaffa ini deno juga sama ini tuh lemok tes namanya apes ya logonya itu

1:22:56monyet ya EPS ke unit ini buat jQuery bukan-bukan ya isi to use JavaScript

1:23:09manifesting by one and bukan ini buat di kayaknya buat di browser juga lihat gue

1:23:18yang lain ada apa abis diklik ya Istanbul ya bisa ya Istanbul 40% lah sisanya itu

1:23:30enggak lagi sih yang pakai Istanbul sedih gua testing tool happiness coverage ya

1:23:37ya itu buat testing juga ya

1:23:39pain point

1:23:41mocking

1:23:43configuration performance

1:23:46yes

1:23:46ya biasa ya

1:23:49makin banyak complainnya

1:23:52yes banyak masalah memang

1:23:53memory leak

1:23:56import problem

1:23:57annoying

1:23:58super annoying

1:23:59is module

1:24:02dia masih belum is module

1:24:05soalnya

1:24:06jadi butuh dan lain-lain Iya just why the SDOM slow compilation jsm support is constant eds

1:24:24jessie paint to slow ism banyakkan ism ya sama konfigurasi excessive complexity muncul lagi

1:24:34end-to-end testing bingung flaginess touch strip support Cypress flaginess

1:24:40itu apa ya

1:24:41play itu maksudnya apa ya kayak yang dites nggak sesuai sama eh apa kejadiannya percaya gitu loh jadi kayak hasilnya bisa beda Oh nggak nggak konsisten

1:25:00unreliable ya berarti

1:25:02ya unreliable jadi di tes sekarang true tapi di tes selanjutnya bisa false

1:25:08atau time out atau apa gitu ya kali ya

1:25:11ya nader script support itu paling reskeni gue sering-sering ketemu di jess gitu deh

1:25:18kayak memori like gitu loh jadi kayak tiba-tiba dia hasilnya V tapi kalau diri kan bener-bener

1:25:25nah ini sebagian bukan kelepahan ya sebagian segera positif ke nomor

1:25:32tiga time consuming betul benefits are serious

1:25:35ya tapi yang di yang dihalaitan time consuming nya sama siainya kali ya karena

1:25:43saya kan dia bilang saya sebenarnya makan waktu tapi ya setara serius

1:25:49satu project gua sekarang untuk ngeranin integration test itu satu PR ya satu PR

1:25:57sebelum bisa dimasukkan nunggu 45 menit Wah oke apa kita peksis Iya Travis atau semacamnya

1:26:08Katalon bukan JavaScript Katalon bukan JavaScript ini adalah survei JavaScript jadi enggak ada

1:26:17Katalon ya Eh jangan-jangan ada Katalon JavaScript saya enggak tahu kalau saya sih bukan JavaScript

1:26:24dan itu testing tools yang bukan diketikkan dark and drop gitu-gitu kan testing skenario ya istilahnya

1:26:32saya nggak tahu istilahnya Cypress bahasa Jepang apa nih bacanya ini termasuk sentimen negatif

1:26:44ya udah tahu menurut saya peresmeng

1:26:49lifeworks fragility masaknya Jasmine do

1:26:55use headless browser doh saya persitu

1:26:58ininya ini loh lumayan dokumentasinya

1:27:02bagus loh bagus ya ya itu tadi opini kan

1:27:06subjektif itu bagusnya bagus not JS

1:27:12not will in sekarang udah sudah di fix ini udah juga ini juga

1:27:23belum belum ya

1:27:29Moka watch mode with TS node and ESM not working

1:27:35Not all browser APIs are implemented in node.js testing

1:27:44Resize observer ya iyalah

1:27:46Pertanyaan pertanyaan

1:27:48Kalau kita bikin test case

1:27:51Perlukah pakai TypeScript atau JavaScript aja

1:27:56Selama ini sih JavaScript doang

1:27:59karena cukup ya itu yang harus tesnya kan kode tesnya tes ya kode tesnya JavaScript

1:28:07saja pasti dong karena kalau pakai typescript ribet komponen ribet yang

1:28:13nambah layer satu kompleksitas sendiri ya makanya itu tadi kan jalanin mocha pakai

1:28:19ts-note sama ism liar tes notenya buat render si komponennya mungkin ya

1:28:28Oke oke make sense

1:28:32testing tools point-point front-end testing and never sure what or how to test components

1:28:43front-end testing kalau ada yang punya masalah nomor satu direkomendasiin ya kalau mau cari

1:28:50kursus gratisan ya silakan tapi kalau misalnya ada dana lebih beli kursusnya masken sidus

1:28:58rekomendasi perspektifnya juga perspektifnya eh apa gampang dicerna buat front-end dev self-taught

1:29:06atau apalah enggak masalah set upnya sulit kita bisa bahas bedah bukunya jaga dong dari sini

1:29:15atau video-video video-video video-video

1:29:20pendek-pendek itu pendek-pendek terus

1:29:22ada contoh kodenya

1:29:24kalau videonya direview enggak enggak

1:29:27edisi enggak bisa ya Wah enak republish

1:29:31lagi salah difficult to test ya masih banyak yang ini ya kesulitan untuk testing di sisi front

1:29:43biasanya bingung mau ngetes apa ini karena kalau back-end kan kayaknya udah lebih jelas ya udah

1:29:50lebih mecer ya untuk testing ya kalau front-end kayaknya masih logic Iya masih agak-agak membiarkan

1:30:00piramid of testing

1:30:02piramid of testing aja dulu

1:30:04banyak yang

1:30:08komplain itu

1:30:09itu susah di tes

1:30:12ini kayaknya sebetulnya separohnya

1:30:14bukan masalah teknis deh

1:30:16tapi masalah apa ya kayak habitnya sih

1:30:18habit culture

1:30:19kayak apa ya

1:30:21gak tau apa yang di tes

1:30:22itu kan berarti ya gak terbiasa aja

1:30:25maksudnya jazz

1:30:27oh bukan ada jazz

1:30:28pesaingnya jazz

1:30:29ada-ada ada javascript runtime for only Yes Yes why

1:30:38test dari user aja bagus kalau ada user yang lapor Oh ini bisa diakses Nah itu berarti kan

1:30:49itu namanya BD yang apa-apa berifan development development

1:30:57ya jangan lupa di-lock ya udah bukannya Epic ya ada yang satu lagi ya ada lagi

1:31:03kalau Epic ini yang dia bahas remix ya webdev secara umum Oke ya tapi pakai remix ya karena

1:31:12bikin remix

1:31:14terus ini dokumentasinya mana?

1:31:17oh di github ya

1:31:18ini anak linux jadi kayaknya

1:31:23dokumentasinya di code

1:31:24di code aja

1:31:27baca aja

1:31:27coming soon itu

1:31:29kenapa masuk situ ya salah

1:31:31doksnya coming soon

1:31:34apa iyo

1:31:36kok iyo

1:31:40ayo lo apa ini lo ya lo lo lo ini rantai ini ya javascript lantai modulnya kenapa masuk ya oke lah

1:32:03tapi bisa masuk ya ada 44 orang apa jangan-jangan just fine salah kategori

1:32:18masalahnya just the box Shaking my head SM4 Vitesh apa masalah Vitesh

1:32:34fitnesis great but limiting the two is

1:32:44ini yang nomor satu sama dua tuh sebelum malah memuji bagus-bagus sebenarnya komponen testing

1:32:56view 3 komponen with Vitesh is absolutely absolute paint ini sebelah view-view tiga

1:33:01nya bukan ini juga ini juga positif sebenarnya betul-betul common.js Yes

1:33:15modul paint if not mod if not a modern testing framework like Vitesh kalau

1:33:20selain Vitesh, jelek gitu.

1:33:22Jadi sebenarnya Muji.

1:33:24Speed is difficult.

1:33:25Jazz is slower than Vitesh.

1:33:27Vitesh slower than Boon.

1:33:29Oh, berarti Boon paling cepat.

1:33:31Boon paling cepat.

1:33:32Ya kan itu tadi di custom.

1:33:33Tadi itu dari Tonset ya?

1:33:36Sesuai sama...

1:33:37Ada hasil tesnya tadi?

1:33:38Iya, tadi ada.

1:33:40Slow startup times, but Vitesh solve that completely.

1:33:43Ini juga positif.

1:33:45Most popular option, jazz is much slower than alternative like Vitesh.

1:33:50di sini juga positif, banyak positifnya berarti nggak relevan ini pain pointnya.

1:33:53Error handling, other answer apa? Overlimit, cut off answer, oh ini ya.

1:33:59Ini nih, course-nya yang ini ya, yang apa?

1:34:03Testing JavaScript ya, .com.

1:34:07Page dulu, oke.

1:34:10Recommended resource, web app testing and tools.

1:34:16Oh ini yang bikin klik ya, Ani?

1:34:20banyak banyak ini ini juga loh komended komendednya ini bagus-bagus ini dari front-end

1:34:27Masters bukan Iya bener dari front-end Masters jualan dikit tapi dikasih yang kualitas yang

1:34:34kayak editor-editor dan emang sosial adversarial editor editor choice ya oke mungkin kita stop

1:34:48sudah ngantuk buat yang mau apa memulai testing ini sangat direkomendasikan ya sesing javascript.com

1:35:02walaupun harganya tidak murah ya Indonesia itu ada diskon negara-negara berkembang

1:35:11sama kalau apa sih kayak Black Friday atau apalah yang di Amerika disunjukkan gitu itu

1:35:20diskon juga jadi apa udah ada potongan karena negara agak susah plus diskon ya diskon apa

1:35:28by event itu kecil 13 bulan lagi Oh ya Eka kan udah beli ya coba dikontak mas Ken si

1:35:38kursusnya undang ke sini alasannya saya beli kompromosi ismu promosiin Oh cuma dia sekarang

1:35:46nggak terlalu semangat promosi itu dia fokusnya ke yang web itu karena disambungin sama remix

1:35:53remix ya dia jualan saya ngomongin-ngomongin playwright aja disini remix juga bisa boleh

1:35:59masalah kita menerima aja kayak gimana konteknya Oh no berani bayar berapa Oh iya deh emang

1:36:13kerjaannya kan bikin workshop nanti dikirimin voice-in voice-in voice-in enak aja siapa bilang

1:36:23justru

1:36:26kalau

1:36:28kalau ini

1:36:30kalau yang nge-developnya sedikit

1:36:32maksudnya orang yang kecil

1:36:35dan

1:36:35yang di-maintain

1:36:38gak lama-lama amatnya

1:36:41testing sih overhead

1:36:42tapi kalau timnya sudah banyak

1:36:45yang pakai banyak

1:36:46dan legacy code-nya

1:36:49itu sudah lebih dari

1:36:502 tahun 3 tahun Kalau tidak punya testing Nah itu apa namanya hidup menjadi jauh lebih susah kapan bahas requiry

1:37:04100% ya 12 skenario paling penting n2n kita sebutnya minimal kritikal-kritikal senario

1:37:19harus bisa login jangan sampai tiba-tiba user gak bisa login user harus bisa buka landing page dan

1:37:25ada kontennya udah kayak kalaupun nggak bisa perfect yang kayak apalah orang-orang ya masa

1:37:31enggak perlu end-to-end testing yang 100% segala macam cara tipe user bisa login implementasinya

1:37:37bisa bisa implementasinya yang critical betul-betul terus itu enak sih karena disambungin ke ICD

1:37:45offline sih karena daripada musim pusing juga kan kalau harus kecek setiap nge-deploy kecek

1:37:53satu persatu harus bisa login harus bisa apa ya belum tentu ada waktunya juga nah dibikin aja

1:37:57udah kalau apa itu passing semua baru bisa deploy prot nah malah udah kerja sekali nggak usah

1:38:04dipikir lagi kecuali implementasi kita berubah sebagai salah satu pandangan saya nge-leadnya

1:38:14sekarang di salah satu bank yang marketnya di 50 negara terus kalau misalnya apa namanya tanpa

1:38:26testing saya nggak berani tunggu diplo cuma kalau Bang seru serem sih harus lebih serius ya meskipun

1:38:35enggak ada urusan sama transaksi ya karena saya enggak urusan sama transaksi padahal tapi kalau

1:38:39ada compliance

1:38:40bukan, gak ada urusan sama transaksi

1:38:43jadi gak ada urusan sama bagian bank yang untuk internet banking

1:38:46ini murni hanya konten

1:38:48tetapi urusannya

1:38:49sama compliance

1:38:51dan itu kan urusan compliance

1:38:55itu urusan sama

1:38:57gak main-main

1:38:57jadi legal

1:39:02jadi gak bisa

1:39:03sembarangan

1:39:04yes

1:39:05nah minimal banget

1:39:08minimal banget kalaupun misalkan teman-teman udah terlanjur proyeknya udah terlanjur jalan

1:39:15enggak ada testingnya minimal ketika ada bug mulai bikin tes untuk solving bagian itu starting point

1:39:23yang paling minimal kecil-kecil aja dulu jadi mulai sesuatu yang kritikal pilih aja critical

1:39:28requirement critical bisnis scenario itunya aja dulu mulai bikin satu mulai tenang kepalanya karena biasanya kadang bukan kadang seringkali kita fixing bug ini muncul bahkan lain kita fixing ini

1:39:46bagian tadi muncul lagi karena enggak detail yang kepala buah yang muncul itu

1:39:51jadi kadang ada lagi itu yang mainan tahu yang gigi yang dia main buka gigi terus kita harus

1:40:08pencet giginya satu-satu jadi kira-kira baknya ini bukan ya kira-kira bagi dukanya

1:40:16tiba-tiba benerin terus ke gijet Nah itu sakit itu namanya apa gacah gacah

1:40:27kalau beruntung dapat kalau nggak berhenti baknya nambah

1:40:34kalau nambah yang tadi nggak betul sekarang nambah lagi malah salah malah jadi salah

1:40:42Ya, begitulah. Oke, kalau gitu

1:40:44semoga mudahan.

1:40:47Jangan lupa silakan

1:40:48teman-teman kunjungi

1:40:50sana.in slash ngobrolinweb.

1:40:53Kita bisa diskusi di sini.

1:40:55Kita udah bahas

1:40:57menu repo belum, database

1:40:58scaling belum, dokumentasi

1:41:00belum, licensing menarik nih.

1:41:03Big O

1:41:04fundamental ya.

1:41:06Design pattern. Kita belum pernah balik ke fundamental ya.

1:41:09Belum ya.

1:41:11Ini ya.

1:41:12Nah kira-kira apakah si apa yang si state of JS nya perlu kita lanjutkan sampai di mana?

1:41:22Kayaknya perlu ya tinggal sedikit lagi kok.

1:41:24Paling satu episode lagi ya terakhir kali ya.

1:41:26Atau kali digabung sama ya kita cari inspirasi dulu.

1:41:30Kali misalnya tentang bahas tentang mobile desktop digabung aja sama topik yang misalnya bahas elektron.

1:41:37Ya kita bahas elektron.

1:41:37Oh iya menarik, menarik, menarik.

1:41:39Benar, benar, benar.

1:41:40Tapi kita perlindung dulu ya.

1:41:42merenung dulu ya bisa enggak ya kalau repotesting dipisah sama repoproject bisa tapi buat apa buat

1:41:53apa jadi maintain dua project dong nanti kalau misalkan ada perubah apa ketemu boxnya di testing

1:42:00terus perbaikinya di sini yang di aslinya enggak gimana kalau kayak ini testing berarti komponennya

1:42:06udah di dulu gitu ke NPM misalnya Ya bisa sih kalau bisa atau nggak bisa Tapi kan berarti misalnya sambil nge dulu dipublish terus ditesting Biasanya test codenya itu satu berdampingan dengan source code

1:42:25Pertanyaannya kenapa harus dipisah? Takut ngerusak gitu testingnya.

1:42:30Kan testingnya di file atau di folder yang berbeda, nggak bakal ngerusak kode aslinya kan?

1:42:35Dan nggak bakal dibuild juga kan?

1:42:37apa yang menyebabkan ingin dipisah gitu ada pasti ada apa kes tentu

1:42:48biar enggak biar enggak berantem ya tes kodenya tidak berantem kodenya

1:42:56nggak konflik itu

1:42:59konflik apa nih

1:43:00konflik kode

1:43:02apa konflik berantem sama orang

1:43:04nggak mau bikin testing

1:43:07kodenya berantem

1:43:08kodenya berantem

1:43:10oke mungkin

1:43:12tapi paling susah itu nge-main testing

1:43:15satu lagi

1:43:15pasti

1:43:16saya sering

1:43:19nggak sekarang sih sudah

1:43:21disiplin engineer-engineer yang

1:43:24kubu sebelah

1:43:26memulainya itu susah kalau udah disiplin gampang kadang-kadang ada zaman dulu itu

1:43:32supaya supaya testingnya pas kode testingnya yang di disable hahaha

1:43:40ya sama kayak bingung ini islinnya kok ini ada warning ya terus nggak bisa di

1:43:48dipulih questan Yes Lin ignore aja Yes Lin ignore file apalagi TSI ignore TSI ignore ini-ini enggak

1:44:01papa lewat Oke oke oke oke jadi untuk malam ini sekian dulu kita ketemu lagi minggu depan

1:44:12topiknya sama atau beda ya ditunggu aja atau mirip-mirip atau mirip-mirip ya kalau apa

1:44:21namanya tuh kalau misalkan teman-teman mau saja topik boleh tadi di ngobrolin web slash

1:44:29ngobrolin web kesana in slash ngobrolin web yang ini dia nanti kita lihat-lihat lagi

1:44:36Oke, sekian dulu. Selamat malam, selamat istirahat.

1:44:39Sampai jumpa. Bye-bye.

1:44:41Bye-bye.

Suka episode ini?

Langganan untuk update episode terbaru setiap Selasa malam!

Langganan Sekarang

Episode Terkait

Ngobrolin Astro - Ngobrolin WEB
EP 93

20 Agu 2024

Ngobrolin Astro - Ngobrolin WEB

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

Ngobrolin State of JavaScript - Ngobrolin WEB
EP 90

9 Jul 2024

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. ...

Ngobrolin NextJS - Ngobrolin WEB
EP 85

4 Jun 2024

Ngobrolin NextJS - Ngobrolin WEB

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

Komentar