Yang Seru di 2024 - Ngobrolin WEB

2:40bisa lanjutin

2:41kesana.in

2:43sudah ada kesana.in

2:45jadi kalau

2:48teman-teman lagi tertarik

2:50apa nih belajar apa nih

2:51wah pengen belajar astro

2:54pengen belajar ini belajar itu

2:55itu aja diskusi aja

2:57nanti kita coba

3:00lihat dan kalau menarik ya

3:02kita akan bahas

3:03gitu oke jadi siapa yang duluan mau mulai untuk kita bukan prediksi sih ya ini ya lebih ke apa

3:15ya yang ingin kita lihat ngetrend lah yang ingin ngetrend di 2012 Oh ya ini bukan teknologi tetapi

3:28wishlist wish keinginan ya keinginan Iya masih masih sangkut pautnya masih saat dengan profesi

3:39ya saya cuma mau mendoakan supaya winternya kita di 2003 sudah selesai Amin winternya berlalu ya

3:49Jadi spring atau musim semi datang ya.

3:53Musim semi.

3:54Jadi teman-teman yang di tahun 2023 yang terdampak winter mudah-mudahan di 2024 ini sudah jauh lebih baik.

4:05Dan keadaan ekonomi jauh lebih baik terus kemudian hiring jauh lebih baik dan semuanya bisa mendapatkan pekerjaan yang layak Amin amin Itu wish utama saya di 2024

4:23Semoga nanti akhir Desember 2024,

4:27semoga pas kita review ini terbukti ya.

4:30Iya, amin.

4:32Amin, mudah-mudahan.

4:34Bukan hanya perorangan juga ya,

4:37yang mungkin ada teman-teman yang merintis startup gitu ya,

4:41seperti saya.

4:42juga mengalami gitu maksudnya kena dampaknya kan jadi karena satu ekosistem satu industri

4:49kena kalau industrinya membaik ya semoga berdampak baik juga semua tanda-tandanya udah

4:56mulai ada ya yang kalau kita lihat tren terutama yang trend di itu ya di Amerika ya di luar ya di

5:04luar negeri itu dulu beberapa tahun yang lalu sempat penurunan 60% hiring freeze gitu ya

5:11besar-besar-besar seperti Google, Amazon, Microsoft itu berlomba-lomba untuk layoff.

5:15Berlomba-lomba kayak ini gantian gitu ya layoff.

5:20Terus hiring freeze, lowangan pekerjaan di bidang teknologi itu 60% turun dibandingkan biasanya.

5:27Nah di Q4 2023 mulai ada kenaikan yang sudah turun 60% sekitar 13%.

5:3713% sudah ada kenaikan.

5:39sudah mulai ada kelihatan kenaikan dan perusahaan-perusahaan yang tadinya layoff,

5:46yang hiring freeze itu sudah mulai buka walaupun masih terbatas.

5:50Belum sebanyak kemarin.

5:53Sama dengan seperti company tempat saya bekerja,

5:56memang di awal tahun adalah pengurangan karyawan sebanyak 30%.

6:02Terkena dampak juga.

6:05Jadi 30%.

6:07persen namun ke-6 persen tuh seperti gaya jadi satu dari satu dari tiga orang Wow lumayan gede ya

6:17lalu di akhir dapat ya dapat dapat pesangon pasti bukan-bukan dapat kesempatan untuk mulai

6:30orang enggak Ivan saya oh ya saya enggak saya enggak saya enggak yang yang yang ketar-ketir

6:39oleh teknis enggak gimana ya apa jangan-jangan itu ngajuin nama siapa yang Oh nanti saya ceritakan

6:46sedikit cuma saya mau sampaikan di di Q soal beda ya kalau kalau kampanye saya Q4 nya itu nanti

6:57sampai April. Jadi April cut off-nya. Financial year sampai April. Jadi ibaratnya di Q3 atau

7:05Q4-nya biasa ini kalau yang ambil Desember itu sudah mulai buka hiring lagi. Cuma bukan

7:14engineer posisinya. Yang kemarin di lay off bisa masuk lagi nggak? Ada satu orang. Ada satu orang yang

7:19ada satu orang yang balik lagi jadi boomerang namanya

7:24sudah balik lagi

7:26so it's a good news

7:28ya good news

7:30nah kembali ke company saya yang kalau yang tadi mas Daryzat tanya

7:34uniknya company saya itu

7:37saat

7:39saat mau melist siapa yang bakal di lay off itu ada listnya

7:45cuman diberikan kesempatan

7:48kepada orang lain jika ingin mengambil paket layoff Oh oke siapa yang mau di layoff itu ya

7:57jadi bisa tetap dapat bisa mengajurkan diri saya mau di layoff

8:07Oh kebetulan saya mau resign, mendingan leof aja ya.

8:11Atau misalnya mau buka usaha atau mau apalah.

8:14For whatever reason ya.

8:16Ya maksudnya di level practicalnya, orang yang maju ke diri buat resign di tengah climate yang kayak gini,

8:25itu berarti kan mungkin ya dia punya aspektasi lain Setiap orang mungkin punya oke dia bertahan karena keluarga atau kemudian gimana atau memang nggak mau whatever reason ada kasih kesempatan untuk dua minggu jika ingin

8:42mau mengajukan diri layoff ya silahkan dan ada paketnya kan ada sanggupnya kan jadi

8:51siapa tahu tertarik dan saya tidak tertarik saya tidak tertarik masih ada ya dan ya akhirnya sudah

9:06ada shortlist nya akhirnya ya mereka pergi satu-satu sedih sih timnya Ivan yang kena

9:13berapa dari berapa jadi berapa salah satu teman baik saya malah satu satu terus

9:23Hai timnya saya kalau memang pernah bekerja sama saya ada total tiga tiga orang yang langsung

9:31langsung kayak berhubungan langsung kerja di sebuah project kita satu tim oke

9:40ya teks teks the story tapi kembali lagi ini kan 2004 ya ceritanya namanya Wisma itu

9:51spring spring spring permanent spring waduh kalau bisa enggak permanen masa mimpi dan

10:01Siklusnya ya yang lama lah nanti kita mulai pakai spring framework

10:06udah kebayang sih bakal ke situ

10:12nah itu dari saya

10:18next dari kalian

10:19siapa? Eka?

10:23mau duluan?

10:23apa ya?

10:24ya kalau Wissing tadi sama, sekarang yang soal web ya

10:27jadi

10:28mana ya

10:32ini deh framework aja

10:34topik favorit kita semua ya

10:36Jadi kalau framework kayaknya sih kalau dilihat dari trennya,

10:42React bakal makin tetap dan makin mendominasi ya.

10:45Terus kelihatan ini makin lama bakal makin banyak orang nggak suka sama React.

10:50Tahu kan ya pokoknya komplain ini itu pokoknya makin banyak dipakai,

10:54kan pasti makin banyak komplainnya ya.

10:56Jadi mungkin ya kayak jQuery dulu lah.

11:01Ya banyak yang pakai, banyak yang nyacat juga,

11:04tapi tetap maksudnya itu mendominasi

11:06kan maksudnya sebetulnya

11:08kalau orang-orang yang protes itu

11:10belum tentu kan salahnya react sendiri ya

11:12misalnya karena

11:13react kan dipakai udah lumayan lama

11:15mungkin ada code base

11:18yang kurang rapi, misalnya ada yang dulu

11:20dari masih OOP banget

11:22masih banyak listnya, terus beralih

11:24ke hook, apa function, cuma

11:26mungkin apa migrasinya belum rapi atau apa

11:28ya atau

11:29masalah organisasi kode atau

11:32lainnya lah cuma yang jelas react bakal banyak tetap banyak dipakai dan akan banyak yang complain

11:40tapi di sisi lain kelihatannya makin banyak juga eh apa muncul framework dan terutama

11:48metaframework framework atau metaframework yang kecil-kecil kecil itu artinya dua sih bisa kecil

11:56ukurannya sekarang trennya kan makin banyak framework yang muncul baru kayak kita bahas

12:01kemarin tuh banyak yang meleverage fitur-fitur standar web API yang emang makin lama kan makin

12:08powerful jadi otomatis ukuran library frameworknya sendiri kan makin kecil sama ya arti kedua kecil

12:15yang kiasan lah maksudnya yang niche lah yang obscure kayak misalnya sekarang aja udah ada

12:19apa sih lah kalau tahun lalu ya mungkin Turbo hotwire yang sering dibahas tahun ini HTMX terus

12:27ada huno terus ada apalah yang aneh-aneh itu yang buat bun apa Elisa Elisa Elisa

12:34kelihatan nih 2024 nih mungkin bakal makin sering framework yang kecil-kecil kayak gitu

12:42cuma kan nggak mungkin kecil kemungkinan langsung ada production langsung banyak production site yang oke kita hapus semua react code base kita kita ganti dengan Boon dan Elysia itu ya sedikitlah traction nggak mungkin sebesar itu jadi kayak

12:59sebenarnya gambar besarnya react-react-react terus di sekitarnya blublu blublu kecil-kecil gitu meta

13:07framework baru ya Iya masih berkaitan dengan framework ini apa tren yang saya lihat dari

13:182023 mungkin akan berlanjut di 2024 adalah cycle nya ini muter lagi muter lagi Jadi kalau dulu kan

13:27kalau kita bikin web ya website ya dulu ya atau webpages itu halaman web gitu kan belum jadi

13:33web app kan itu kan yang menjadi aktor utamanya adalah HTML CSS itu buat bagusin javascript

13:42biasanya buat interactivity interactivity tapi sebelum itu biasanya buat form handle form buat

13:49validasi email gitu-gitu ya itu ya itu interaksi ya tapi interaksinya juga minimum gitu handle event

13:58jarang tidak jarang web itu tidak ada JavaScript nya itu sering dulu bahkan

14:06gitu karena enggak butuh ya udah enggak ada JavaScript kemudian setelah dari

14:10sana jQuery juga masih sama trennya jadi jQuery hanya menggantikan jadi

14:16abstraksi di atas JavaScript kan karena javascript mungkin API nya tidak se

14:20developer experience apa tidak user friendly sekarang gitu kan terus setelah

14:27jQuery baru muncul tuh framework yang full kayak misalkan apa backbone MVC framework tapi javascript

14:37kemudian muncul angular ditambah lagi dengan react terus terus terus terus sampai sekarang gitu kan

14:44dari yang tadinya fokusnya adalah HTML fokusnya sekarang ke javascript bahkan kalau react itu kan

14:53misalnya ID dengan apa div dengan ID app kosong gitu kan selebihnya yang main JavaScript semua

15:00lalu HTML nya hanya sebatas itu gitu kan terus dari situ jadi SPA single-pass application balik

15:07lagi ke server-side rendering karena banyak banyak hal yang apa ya problem baru yang terjadi di klien

15:17kainnya berat lah, aplikasinya kurang oke, kurang snappy, terus juga performanya kurang bagus, SEO-nya jelek gitu kan.

15:26Akhirnya balik lagi ke service head rendering, balik lagi ke trendnya MPA, multiplex application,

15:32terus muncul beberapa framework yang mengedepankan HTML first, balik lagi.

15:39salah satu contohnya astro

15:42astro

15:44kita bisa bahkan

15:46bisa punya satu halaman yang tanpa

15:48kalau gak butuh interaktifitas

15:50dia gak akan ada

15:52javascript meskipun kita

15:54ngodingnya pakai javascript ya

15:56tapi kemudian dikompilasi jadi

15:58html css oh ternyata

16:00ada halaman yang ada

16:02komentarnya ada form komentarnya yaudah

16:04masukin javascript disitu

16:05tapi kalau misalkan blog post doang kayak gini

16:08ini ada javascriptnya enggak bisa jadi enggak ada bisa jadi gitu dan astro yang si pada ya

16:17ini code ini berkot kan bisa dipercaya render juga enggak ada tombol copy nyantuk Anggaplah

16:24gitu atau apa gitu ya bisa jadi kita enggak tahu kan ini gimana yang jelas apa siastro ini

16:30perkembangannya sangat pesat dan menariknya kalau Astro ya untuk Astro muslim untuk Astro menariknya

16:35dia bisa menggunakan semua framework jadi apa ya adaptasinya lebih lancar gitu Oh semua juga

16:43ya udah pakai aja Oh saya suka view nih bisa gitu saya suka felt seperti bisa juga gitu jadi lebih

16:52inilah lebih smooth lah transisinya walaupun dia punya sendiri kan komponen Astro ya punya

16:58bisa sendiri punya DSL sendiri bikin AI namanya Boy jadinya Astro betul-betul tidak boleh

17:08yang nonton yang umur dibawah umur tertentu gak menjamani astro boy bos

17:16gak ngerti astro boy itu apa

17:17mereka taunya bobo boy

17:20nah astro, astro itu kayaknya itu menarik deh soalnya mereka kelihatannya

17:27bukan framework pertama yang enable bisa static ssg ssr dan lain lain

17:35tapi mereka yang pertama secara deliberate itu bikin island dan islandnya kita user bisa dengan mudah milih by default gak pakai client-side javascript sama sekali.

17:51Bisa juga di load, dipaksa loading blocking bisa gak ya? Gak inget.

17:56ya punya load JavaScript terus bisa kalau udah Idol jadi ke apa kan Sebenarnya ada web API nya

18:04tuh ya apa performance request frame no no no either ada either either kalau kalau menetnya

18:16Nah itu kan ada itu ada kita pasti call back ke situ kan Nah itu di handle sama Astro jadi

18:25loading client-side JavaScriptnya ini kalau si main threadnya udah ada waktu luang lah terus bisa juga

18:34yang terakhir pakai itu apa interaction observer kalau dia muncul di viewport baru di loading jadi

18:42misalnya kasusnya kita punya blog nih di atas dokumen static biasa bawahnya client-side loading

18:47buat comment misalnya tapi usernya ternyata nggak scroll sampai bawah ngeklik salaman lain

18:53kalau ditutup ya udah nggak perlu ngelaut client-side javascript sama sekali orang nggak dilihat

18:58lazy loading ya javascriptnya lazy loading ya

19:00selama ini sebelumnya sih developer kalau yang beneran peduli performa sama UX itu bisa sendiri

19:06maksudnya dengan web API tapi kan sulit pertama sulit maksudnya agak ribet kedua berapa banyak sih developer yang sadar

19:13segitu sadar tentang hal-hal itu nah jadi sama Astro nih dipermudah itu terbosen juga sih maksudnya di tahun lalu ya

19:21ya ya kita lalu-lalu ya dua-dua kedepannya bakal banyak nambah kita framework yang apa peduli

19:31detail-detail soal performance dengan sedetail ini enggak ya ini salah satu prediksi saya juga

19:40menurut saya kedepannya itu bukan lagi banyak framework baru yang muncul ini jadi bahasa saya

19:51Bukan lagi karena teknologi web API kita Korea itu sudah matang dan sudah tahu menuju mau kemana.

19:59Karena sudah ada konsorsium, sudah ada spek dibuat bersama, sudah tahu menuju kemana.

20:05Jadi yang saya lihat ke depannya itu bukan lagi framework baru yang tiba-tiba punya ide yang gila buat sesuatu yang berbeda.

20:17beda ya kan Nah tapi lebih ke arah framework yang berhasil menciptakan developer experience terbaik

20:28Hai jadi kayak tadi yang Eka bilang oke sih Astro punya developer experience begini build

20:34toolsnya udah bagus atau dengan si siapa yang bikin Turbo pack next.js ya? Turbo pack

20:43Turbo pack ya next.js, Vercel dengan next.js membuat Turbo pack terus kemudian buat apa

20:55build tools devtools nya lengkap fight fit dengan VTJS segala macam dengan apa testing segala macam

21:04yang Vites Vites segala macam developer experience dibuat bagus bisa mungkin ada graphical user

21:14interface nya untuk lihat extra blablabla untuk melihat nukes ya untuk visualisasi gimana visualisasi renderingnya atau komponen segala macam bahkan pernah dengar nggak yang kodux itu kodaks kodex kodex kodux kodux kodux buatannya itu kan wix

21:38kan dari timnya wix nah ini saya mengatakannya Dreamweaver untuk react

21:45ini juga salah satu meskipun frame-nya sama atau library-nya sama kita saya nggak mau berantem

21:55soal dia itu langsung di atas remaja bikin terus jelas framework ya bikin tools di atas

22:01framework atau library yang untuk mengedepankan developer experience yang mungkin nanti jadinya

22:09extension Figma atau whatever. Jadi framework yang akan menang di 2024 ini yang akan dapat banyak

22:18traction adalah framework yang berhasil membuat developer experience terbaik kalau menurut saya.

22:24Oke. Nah tadi kita udah bahas tentang Astro, ada lagi nih, Quick. Nah Quick juga sama nih.

22:33karena rata-rata poin dari setiap framework yang baru muncul itu mendepankan kecepatan, efisiensi rendering,

22:42terus kemudian sebanyak mungkin modular, sebanyak mungkin pakai Core Web API, ya kan?

22:50Rata-rata semua framework mengajarkan yang sama. Rata-rata.

22:54Iya, karena sekarang yang mudah, maksudnya yang mudah dan yang hasilnya bagus kayak gitu. Bagus ya, streamline.

23:02Yes, jadi tinggal suatu saat, maksudnya tinggal lomba membuat ekosistemnya yang dikembangkan kan?

23:09Yes, betul ekosistemnya. Oke lanjut Mas Riza.

23:14Lanjut ya. Nah tadi kan kita udah ngomongin Astro, ada lagi yang namanya Quick.

23:19Nah ini juga dia menyebutkan bahwa HTML first framework.

23:23Walaupun dia gak bilang zero JavaScript ya, tapi minimum JavaScript.

23:30ini juga menarik karena yang bikin juga sudah berpengalaman membuat framework yang cukup

23:37yang cukup dulu cukup mainblown ya

23:44jadi ini juga banyak arsitektur-arsitektur baru ada kalau Astro itu kan island arsitektur

23:53kalau ini ada yang disebut hydration atau partial hydration dan lain-lain

23:57resume ability

23:59dan banyak lagi istilah-istilah yang lain

24:02gitu ya, tapi

24:03intinya adalah mereka mengedepankan

24:06bahwa ini frameworknya

24:07adalah HTML first, walaupun

24:10di, kalau nggak salah

24:12di komponennya ya tetap pakai JS

24:13model seperti JSX ya

24:16karena memang

24:16keberhasilan React untuk

24:19membuat menjadi

24:21mainstream jadi banyak juga framework-framework

24:24yang mengikuti

24:26lah ya terinspirasi dari sana juga ada enhance ini agak sedikit berbeda kalau

24:31enhancing ini dia lebih mengedepankan pendekatan ke web API jadi web standar ya

24:42Hai dia pakai komponen kalau yang dia build sebagai framework untuk

24:46kenapa belum baru pernah dengar saya ini enhance ya Iya kalau nggak salah dia pakai web komponen

24:58terus juga beberapa webstandard yang sudah digunakan jadi dikumpulin jadi satu terus

25:06apa lagi ya dari sana ada alpine.js juga dulu sempat nge-hype tapi ini

25:13kayaknya mulai beresang ya ini juga istilahnya ini kan HTML first ya jadi dari HTML

25:20kita tinggal kalau kita butuh di satu div ini butuh dinamis yaudah kita pakai di bagian sini aja gitu

25:28nggak perlu kita harus introducing new framework yang ukurannya sangat besar gitu kan

25:33ini ala jQuery kali ya modelnya ya ini minip svelte juga ya Hai Niga kalau svelte atau view cuma kalau kalau svelte sih di compile kalau ini nggak

25:48kalau ini nggak ya di compile juga di bagian ininya kali ini iya iya iya kan HTML belum

26:00ini jalan dirantai Mas Riza batin ini enggak kompilasi script-outline nya yang nyari apa

26:08iapunnya mengkuliti elemen yang ada tribut-tribut sesuai yang ditentukan ini oke oke makanya itu

26:15simpel saya apa selling point ini justru mirip view versi 2 deh kayak bisa dari ini bahasa

26:24interactivity API kan ya Iya ya ya lumayan kalau misalkan teman-teman cuman butuh interaktif yang

26:34kayak apa onklik terus modal sekarang juga udah netizen kemudian muncul ya ada apa paham ini

26:46karena di WordPress core salah Dewan besen buton blog-blog editornya ada proposal mau bikin

26:53activity API Oh oke jadi kenapa enggak tahu bikin sendiri sendiri Oh jadi

27:02inspirasinya salah satu referensi ya Iya proposal jadi interaktif it begini

27:08Oke dan ngomongin tadi view versi 2 ini ya

27:19udah habis kalau pas episode ini

27:27enggak di-maintain lagi

27:35security security maintenance pastilah ya masih ya enggak ya Tuh masih tuh Oh sudah

27:44enggak bener-bener enggak di-maintain lagi silakan migrasi ke versi 3

27:54Yes upgrade versi empatnya kapan tuh wah nggak tahu saya kayaknya harus

28:02mundang Iya versi 5 langsung ya versi 5 karena enggak boleh kan versi 4

28:09tapi lihat ada 13 ya kan Pak sui gitu fengshui-fengshui itu kan nggak boleh

28:17nanti ini kita 13 13 18 ya udah lupa ya maksudnya berapa sekarang dulu ada 13

28:29nggak kalau apa di Western culture kan enggak yang 13 ini kayaknya bener-bener

28:38Kita harus ngundang salah satu yang jago Vue.js deh.

28:43Pengen ngegalil lebih dalam tentang Vue.js. Terus juga penasaran sama Nuxt.js-nya, sama ekosistemnya Vue.js lah secara umum.

28:55Undang siapa gitu ya?

28:57Ada Vue Indonesia?

28:59Ada, Vue Indonesia ada.

29:01Warat, warat, undang-warat lah.

29:04Oh iya.

29:06Iya nanti

29:07Tahun ini masih panjang

29:09Masih panjang siap

29:11Mas Prabu tuh

29:12Oh Prabu ya

29:14Boleh boleh boleh

29:17Oke kita lanjut lagi

29:20Yang menarik

29:21Tunggu bentar tadi mas Riza mengatakan

29:24Ada partial hydration

29:25Kata kuncinya

29:28Disini ya

29:29React partial hydration nasibnya gimana

29:32Wah gak tau

29:34Emang ada ya

29:35dia pernah dulu dia pernah dia pernah mau ini pernah mengatakan mau ada tapi kok

29:43nggak ada gitu saya nunggu-nunggu sampai sekarang dari X server komponen aja belum

29:49selesai kan Iya justru nanti bakal di integratif server komponen kali ya hands kalau prinsipnya prinsipnya rex server komponen di render musik dibikin markupnya dulu di server coba itu tadi ada klien tapi dia bakal punya mapping

30:10komponen mana yang harus di bawah-bawah bawah ini ya sebenarnya sudah sempat ada dulu itu ini apa

30:22namanya kayak Oh obyek hype-nya kalau mereka mau ke arah buat partial hydration coba-coba

30:28Jelaskan dulu partial hadition ini apa teknik that allow web developer to build site using

30:34their preferred framework but only send generated HTML and CSS to the browser by default Oh jadi

30:42di generasi server dikirim ke browser tapi dia punya sistem mau saya cukup pintar buat tahu

30:52kalau perlu misalnya betul nih baton kan HP markup markup HTML button ada CSS stylingnya

31:00biar batunya warnanya kayak gimana Nah tapi kan sebenarnya dekli kendalernya di server

31:05nggak paham soal itu, ya pokoknya dikirim

31:07button dan

31:08CSS, dikirim ke browser

31:11udah, nah terus

31:12ada proses javascript

31:15yang berjalan, mendeteksi

31:17si button ini ternyata

31:19harus interaktif, nah kayak

31:21semacam di replace lagi

31:22dimodifikasi dengan ada

31:25click handlernya, itu kan

31:26client side javascript, nah

31:28partial hydration berarti

31:30nggak semua, nggak seisi halaman

31:33itu serta-merta langsung di replace sama pakai JavaScript semua tapi dia tahu komponen mana

31:41yang perlu di lontor lah perlu di apa dikasih interaktifitas JavaScript Oke terus statusnya

31:50gimana data infeksi kayaknya ya kayaknya kayaknya barengan sama server komponen ya

31:58Nah, kan soalnya kalau di server komponen nih dia introduce itu kan directive di baris paling atas kita ngetik use client.

32:08Nah, itu kalau use client kelihatannya si React, jadi antara React server, React yang jalan di server,

32:15sama React runtime yang jalan di browser, ya nggak tahu gimana sih, gue juga belum coba dan nggak tahu jeroannya gimana.

32:23mereka punya cara ya punya semacam source map, mapping lah komponen mana yang ada use lainnya yang perlu di hydrate.

32:35Tapi kalau baca artikel ini kayaknya udah ada ya?

32:39Gak ada contoh kodenya tapi.

32:42Gak ada?

32:43Kayaknya ada konsep deh, jelasin konsep yang kita bahas tadi.

32:49Ini react hydration beda ya?

32:51nge-reporting partial hydration Gatsby Oh Gatsby Gatsby nasibnya gimana itu lo yang apa dibeli

33:01di akuisisi Netlify terus Netlify dampak winter banyak yang kena ya ke segini sempet nggak ke

33:10main-main tapi mungkin ya kelihatannya deh udah ada yang ngurus sekarang mungkin ya mungkin nanti

33:17teman-teman ada kalau misalnya ada yang sudah tahu nasibnya react dengan partial hydration bisa

33:22boleh info ya boleh info ya info-info kita Iya kita pengen tahu nih oke lanjut lanjut lanjut

33:32nah lanjut selanjutnya nih balik ke apa namanya ke webstandard jadi ada dua API javascript yang

33:42menurut saya menarik yang pertama adalah temporal API Nadia sebentar ya Nah ini temporal API itu

33:50adalah eh buat detain time waktu ya Hai ini sudah sampai stage 3

34:01Temporal API? Baru tahu ya.

34:07Sudah disetujui, tapi kemungkinan ada perubahan minor.

34:16Pak, kan banyak tuh library JavaScript yang untuk menangani dan mengoperasikan misalkan date plus 1 day atau tamas minggu.

34:27Harus pakai DGS atau apa?

34:29Iya harus pakai DGS atau moment JS jangan ya.

34:32Bagi moment JS yang besar.

34:34Udah bisa kecil.

34:35Oh sekarang bisa kecil ya.

34:37Nah sekarang dari javascript natifnya juga sudah lumayan banyak mendukung API yang bisa menggantikan atau beberapa fungsi yang lebih lengkap untuk bermain dengan tanggal dan waktu.

34:57Tanggal dan waktu.

35:00Jadi lebih ini lagi, lebih keren lah lebih keren.

35:07Hai dibandingkan nyaman bedanya sama DT apa sih apa bedanya sama DT ya Coba

35:14lihat lebih user-friendly aja tuh di contohnya bawahnya kelihatan ya Maksudnya enggak begitu

35:22kurang jelas ya kurang nunjukin keunggulannya dimana bias temporal documentation lu tepung

35:32Dokumentasi pasti susah dibaca.

35:34Iya.

35:36Terlalu teknis.

35:43Ini masalah date ini.

35:46Silahkan baca sendiri nanti.

35:49Temporal is top level static global object like math.

35:52Current date and time.

35:53Temporal.now.instant.

35:56Ada instant.

35:58Ada epoch second.

35:58Ada epoch millisecond.

36:00Ada time zone.

36:02Oh bisa get user browser timezone juga ya?

36:08Bisa get user browser timezone, betul.

36:10Terus kalau kita mau bikin apa, dari tanggal yang string bisa diubah jadi date object ya, date object atau temporal object dalam hal ini.

36:22STR itu time dong?

36:24Iya.

36:25Di PHP?

36:26Kurang lebih.

36:27Iya kurang lebih. Terus misalkan zona waktunya bertambah 5 jam 45 detik, tuh bisa ditambahin langsung tuh kayak gini.

36:4045 menit.

36:41Oh ya 45 menit ya, plus 5 nih apa?

36:45Iya, 5 jam.

36:46Mungkin 5 jam 45 menit kan.

36:48Somewhere di India kali.

36:52Iya. Terus ininya juga lumayan apa, objeknya lumayan lengkap ya. Dan lain-lain lah teman-teman bisa cari sendiri. Itu. Itu satu.

37:03Yang kedua, nah ini juga saya tunggu-tunggu banget nih.

37:06Ini kayak Dead API version 2.

37:08Iya. Yang mengikut kebutuhan zaman modern.

37:13Zaman now, iya. Yang memungkinkan bisa-bisa library jadi deprecated.

37:19pasti mereka mau seneng siang ya betul tinggal bikin rapper nya aja lebih lebih ini ya lebih

37:28sederhana ya daripada mereka implement sendiri Oke yang kedua pipe operator

37:38Hai five operator itu forcening untuk ya cening function Jadi misalkan kita mau ngerti ini beli

37:47Kali dulu, kali dua, terus habis itu di fungsi, di apa, panggil hasilnya di add five lagi.

37:54Jadi 10 kali dua.

37:56Kebanyakan korektesis ya.

37:57Capek itu.

37:59Dan dengan pipeline operator kita bisa panggil ini 10 yang di sini.

38:05Jadi bacanya dari luar.

38:0710 dikali dua ditambah lima.

38:09Kalau ini kan kita, oh ini 10.

38:12Dari dalam kan bacanya.

38:1310 didouble dikali dua ditambah lima.

38:15Kalau ini dari kiri ke kanan aja.

38:17kalau mesin pesan-pesan weh aneh ya sintetisannya ganyakan kebiasaan cuma sedang ngerti apa justru

38:27nya kenapa ngerti sih cuma pas lihat ini pipeline operator ini di functional programming itu umum

38:39Di Linux juga kalau teman-teman tahu ya.

38:41Kalau misalkan kita mau pipe garis doang, nggak pakai tanda lebih besar, dia garis doang.

38:48Jadi hasil yang di sini akan masuk ke fungsi yang di sini sebagai parameter pertama.

38:51Sebagai argumen. Jadi semua dianggap itu argumennya satu ya?

38:54bisa ruben2 sebenarnya jadi misalkan double dalam kurung 3 berarti 10 dikali 3 gitu misalkan itu

39:02bisa nah sedangkan pipeline seperti ini itu sepertinya terinspirasi dari salah satu bahasa

39:09fungsional elixir yang sudah ada dari awal mereka pakai pipeline beneran kayak ini

39:15ada bahasa fungsional lain juga ada dan beberapa di JavaScript kalau misalkan teman-teman yang

39:34apa fungsional programmer banget gitu mereka biasanya pakai library seperti ramda atau apa

39:41yang fungsional gitu menyediakan seperti ini tapi caranya berbeda

39:49ada nggak ya coba ya ramda.js ada ya masih dong

39:55yang pakai ramda.js

39:59tapi buildnya failing

40:03iya bentar apa pipe operator istilahnya atau pipeline operator ada nggak dia

40:11itu ada fungsi stupani r.pac nah ini dia r.pac r.pac jadi pipe-nya ya di dalam fungsi agak beda

40:23enggak sekeliru ini kalau kompos ya kompos betul betul kompos ya ya ya kurang lebih kayak gitu

40:32ini kompos Iya kalau kalau pipe itu dari kiri ke kanan kiri ke kanan kalau kompos itu dari

40:43kanan ke kiri Oh iya betul ya betul itu jadi kalau misalnya programnya left to right gimana

40:54Hai R2 gimana kita aja hahaha

40:59tergantung dia kodingnya bahasa Inggris atau di bahasa aslinya bahasa Arab gitu ya

41:09bisa tapi ya dia harus ngecek pakai bahasa aslinya kan kalau ngetiknya pakai bahasa

41:21Inggris apa karakter Latin ini kok apa karakter Latin terter set Latin ya ikut karakter set Latin

41:28punya kenalan programmer yang retule kita undang aja nanyain gimana ngodingnya dari

41:35kanan ke kiri kayaknya enggak deh saya punya teman yang dari Egypt which is Arab ya di sana

41:45ya ya ya ya ya ya tetap

41:56Oke sudah dari saya cukup kayaknya kita bahas apalagi nih lanjut

42:05build tools seperti obyek tol-tol dulu yang yang yang sempat digadangkan bisa seru-seru

42:16build ya belum bisa diseru ngatur-ngatur transfer building dan sebagainya mungkin

42:22lagi bisa itu yang kayak turbopack ya sempat sempat gede ya turbopack itu untuk

42:29replace webpk jauh lebih cepat dari webpk dan sedikit lebih cepat dari si Vite

42:37Vite

42:44apa kabar ini kan masih baru di ekosistemnya si next Iya adopsinya gimana adopsinya diluar NEXT nya ya salah satu wish list saya ya

42:56kapan, saya lagi wish

42:59menunggu

43:00untuk WPAC nya bisa dipakai untuk framework lain

43:02hmm

43:04jadi seperti

43:06drop in replacement untuk

43:08ya jadi drop in replacement untuk WPAC aja

43:11WPAC

43:12bisa dipakai buat apa aja

43:13orangnya sama Iya iya tapi kan belum tentu dia bikin hal yang sama kan siapa tahu dia

43:19justru dia dia pasti bikin hal-hal yang pasti bikin wepek Aduh harusnya nggak kayak gitu kayaknya

43:26semua dia lampin sini-sini betul Iya ya tapi ini the next.js nya sendiri Apakah sudah digunakan

43:38secara masif atau masih harus tidak ingat enggak migrasi sih konflik aja om ya langsung aja drop

43:49in ya Robin investment jadi tinggal upgrade ada untuk pakai gitu pakai atau enggak cuma enggak

43:58inget pasti apa kan kemarin baru belum lama the next Conve itu maksudnya Apakah ada pengumuman

44:05rubopek udah jalan by default standar atau masih opt-in enggak enggak inget oke oke sebelum kita

44:17lanjut ke AI Pak di 2024 konflik konflik apa nih yang kalian punya wishlist seandainya finance

44:27finance bukan hal yang kalian terbatas oleh finance dan visa kalian pengen wish nya itu

44:33join konf apa di 2024? Wah, seru ini. Apa ya? Next lah. Pengen lihat aja kayaknya mereka showmanship-nya kayak wow.

44:44Ya standar lah. I.O.

44:48Deves. Eh, Deves. Google I.O.

44:57I.O. next konf.

45:00saya malah menanti-nantikan itu Bapak Google developer expert Summit jadi islamit ya jadi

45:10summit tunggu-tunggu tapi jangan di Amerika pengennya jangan di Amerika pengennya di Asia

45:15Tenggara aja saat isi aja jadi usami untuk South East Asia atau epek gitu ya Yes atau Google

45:23developer ekosistem secara umum kemarin di Bali kan itu dikumpulin gdg gde women

45:30textmaker dan lain-lain dikumpulin jadi satu tempat itu menurut dari segi budget

45:34juga jadi lebih itu daripada daripada harus di Amerika Yes asal jangan di

45:42kata ya please jangan di joknya boleh jangan jangan makasar makasar makasar makasar di IKN

45:57berarti Hai otos kemudian GD GD GD summit ya summit lah Google developer ecosystem summit

46:12ya reak nextcon kemudian ad-reak konf ada masih ada masih rekon masih masih masih

46:21not konf mudah-mudahan ada CDS masih hidup ya mudah-mudahan CDS

46:28nah terus ada ini konferensi yang agak niche, skalanya lebih kecil daripada yang lain cuma

46:38menarik video-videonya bagus-bagus PerfNow. Oh iya ini menarik sih

46:45Iya, dan kayaknya nggak terlalu besar. Ya, maksudnya apa, skopnya ya segitu-gitu aja.

46:51Jadi emang target marketnya di Eropa sih. Iya, Eropa kan negaranya banyak ya, luas.

46:57Ini juga menarik sih.

46:58Tapi taunya buat kalau anak round end tuh kayak wow banget sih Yang seneng banget buat dilihat Oh iya ada satu lagi yang pengen ada sih webunconf

47:12tapi pengurusnya udah gak ada

47:15udah gak aktif bukan gak ada

47:18udah gak aktif

47:19webunconf juga seru

47:22seru seru

47:23eh gak ngejamanin webunconf

47:26apaan sih

47:26jadi lebih ke

47:30JSConf

47:31JSConf

47:33ya belum tau juga ya pengurusnya gak aktif

47:36pada sibuk

47:37udah mager

47:39karena udah kelamaan pandemi

47:42terus udah

47:44overwhelm kan terus mau bikin

47:46acara kayak

47:48Jakarta JS

47:50meetup aja tuh belum regular

47:52lagi belum bisa regular lagi

47:54masih berat

47:56memang berat sih urusin meetup itu

47:58saya aja udah

47:59sudah mulai menuju pensiun yang pensiun regenerasi ada penggantinya enggak tapi kalau ada penggantinya

48:11bisa disebut regenerasi Jakarta WordPress minta Jakarta kan udah jalan-jalan ya

48:17oke menarik menarik menarik ya kita meksik 2024 terlepas dari AI

48:30kalau di dunia web generator-generator tooling yang udah ada apa aja ya sekarang

48:43yang paling baru kan yang pasti ya kopi untuk kode terus buat generate apa ke generate kode

48:54kayaknya tldraw gitu apa sih kita bikin komponen ya jadi maksudnya itu kan kayak satu satu layer

49:03lagi kalau copilot atau semacamnya kan kita ngasih prom buatlah ini ini ini kita harus

49:09digabarin pakai kata-kata yang mana itu kadang agak ribet kalau misalnya UI komponen Nah kalau

49:15tldraw kita bikin gambarnya dibikinin komponennya tuh yang pertama bikin heboh habis itu ada v0

49:25dari Vercel ini kita bisa bikin kita bisa jelasin saya mau bikin apa nanti dia akan generate react

49:36karena ini dari versalkan jadi ini spesifik ke react gitu jadi seperti apa ya seperti

49:45telwin UI tapi bebas kita mau bisa meng-customize bisa upload gambar juga lainnya deh Oh dari gambar

49:55YouTube video card for ngobrolin web itu nanti dia bikin video card apa video kartu video

50:06kartu isinya video kartu rb video video card for podcast ya Iya ngobrolin web dia enggak tahu apa

50:19terkenal itu kah ini harus angin dulu oke lah

50:32Hai terus passwordnya Oh ya 2024 kita bisa tahu passwordnya kita Mas Riza dong

50:36udah-udah kondisi login GitHub

50:43start-in Riko Oh nggak ilang pakai localstories ya bagus-bagus yang mungkin versel gimana nih

50:57kok yo you're in the kiwi ngantri dulu ngantri podcast title ya udah gitu doang Oh belum belum

51:09belum selesai dia lama dia prosesnya karena gratisan episode 1 ini ada tanda

51:16play apa nih ikon ikon ya kirain dan play terusnya dah

51:24Hai weh kedua ini kayaknya ini tapi bagus ya ya bagus juga ini ya saya layak lah ini kurang

51:32ini ya ini yang bagus ya Iya terus kita lihat kodenya gimana udah pakai ini udah karenanya

51:40gimana komponen Oh langsung gini ya and place Oh woi komponennya komponen jilid

51:50ini telwin Wow canggih sekali nah terus ini ikan processing power kayak tadi itu kita harus

52:05ke ngantri terus apa sih kalau prompting nya panjang kan orang suka ngitung tuh token saya

52:11apa token processing power cpt kayak gimana Nah biasanya kayak gitu tuh kalau makin banyak yang

52:19harganya turun ya makin murah ya mungkin di tahun ke depan kalau sekarang karena masih langka jadi

52:27kayak itu masih apa masih mahal lah mungkin makin lama kedepannya di tahun ini bakal makin

52:33aksesibel lebih mudah lebih murah lebih mudah diakses lebih murah karena banyak kompetisi

52:40harusnya perang harga ya kan terus juga banyak opsi untuk open source jadi bisa deploy sendiri

52:46atau jalanin di localhost jadi ya semakin harusnya semakin berkembang ya si AI ini

52:56terus lagi bisa kita generate dari ya pengen tahu sih bakal itu sepanjang tahun 2023 aja udah

53:04muncul dua itu yang pas baru muncul ya bikin heboh nah kan nggak mungkin sepanjang tahun ini nggak

53:10apa-apa siapa-siapa yang bakal ngerilis sesuatu dan itu kayak gimana ya Siapa tahu misalnya nih

53:17scan muka kita ekspresi muka kita kira-kira kita pengen komponen kayak apa dia nebak sendiri dari

53:24muka kita enggak sih saya lebih pengen ada ada yang bisa konsultasi atau berkomunikasi sama

53:35klien karena biasanya klien pengen websitenya yang kayak gini tapi nanti di bagian bawahnya

53:41itu harus bisa berani ya itu kayak Facebook itu kayak besoknya jadinya dua minggu belum

53:49sampai segitunya tetapi apa namanya kemarin teman kerja saya pakai Fatom note-taker itu

54:01ada satu menunjukkan ada ya Fatom Oke jadi dia pakai tools ini kita Zoom Dash di sifat meeting

54:17ia Zoom meeting dia ngapa-apa kirim zoom-in nya dia akan ngerecord dan kemudian akan

54:24dan summarize poin-poin dari percakapan kita Oh sama racia ya ya ya which is saya Wow saya ngomong

54:35bahasa Inggrisnya ngaco gitu bisa tahu dia dan hasil summary itu bagus loh kayak Oh ya saya

54:43ngerti poin-poin yang ini ini poinnya saya bener ini poin saya benar-benar gitu Oh dan lumayan

54:50komprehensif hasilnya

54:51tapi Indonesia belum ada ya

54:55iya

54:56salah satu tools-tools begini

54:59akan banyak muncul

55:00saya akan expect

55:03akan lebih banyak muncul

55:05yang mungkin kalau teman-teman terinspirasi

55:07lihat, oh Foton

55:08bisa terus bikin versi Indonesia

55:11atau ya bikin produk aja ya dari Foton

55:15misalnya kita rapat sama klien nih

55:17kita summarize klien maunya apa

55:19terus kita suruh

55:21LLM yang

55:22merespon ke kliennya,

55:25terus pakai yang kemarin kita bahas,

55:26ingat nggak? Sintesia tuh yang

55:28yang nggak dipakai sih,

55:30maksudnya kayak apa,

55:32atau produk yang generate

55:33orang dari AI nah itu script jawabannya dikasih ke dia dia suruh ngomong ke klien Bisa bisa

55:46Jadi kayak di-chaining gitu ya, di-chaining. Terus hasil summary-nya terus dibikin jadi code skeleton,

55:54terus kemudian terus suruh bikinin tiketnya sekalian, bisa juga tuh.

55:58pakai Zapier ujung-ujung Zapier just bikin tiketnya terus jadi Epic udah tuh hasil meeting

56:06jadi notes notes jadi tikets tiket bisa buat descriptionnya udah jadi deh sprint satu udah

56:19belum yang bikin apa llm atau AI khusus buat agile project management nah ini ide bisnis

56:29kalau temen-temen yang nonton ada yang bisa bikin lumayan tuh pasti ada ya pasti bisa dijual ke Oh

56:37mumpung baru ada topik soal Gemini itu juga apa namanya Oh ya bener mau ada ininya ada

56:49diskusi diskusinya banyak banget di kegel kalau memang mau membangun pakai Gemini API sudah sudah

56:58banyak nih kode-kodenya juga contoh-contoh sudah di sana sama teman-teman jika ingin mencari dollar

57:09Hai yang agak itu mencari dollar bisa ikut competition nya tuh tapi bukan Jemana API ya

57:16Masa yang bisa pakai Jemana API untuk ikut competition kegel competition kegel competition

57:23di tab competition itu ada tak kompeten hadiah lumayan loh 15 dollar kiri-kiri turun

57:32Hai aktif competition bisa 100ribuan juga lumayan kalau menang di tekst ini buat yang nyontek-nyontek

57:43bisa di-tag ya

57:44ini buat AI

57:51untuk anti-AI

57:53AI untuk detect AI

57:56AI makan AI

57:58AI makan teman

57:59makan teman

58:02teman-teman yang nonton

58:05coba wishlistnya

58:07untuk penggunaan AI

58:08selanjutnya chaining AI

58:10ide-ide gila AI-nya gimana

58:11coba diskusikan

58:12Iya betul Oh ya mau cerita sedikit tentang pengalaman pakai copilot chat baru kemarin cobain

58:20terus coba bikin aplikasi dari awal pakai Redwood.js karena bisa scaffolding kan bisa generate dan itu

58:29iya karena disitu juga coba enggak enggak demo live ada videonya nanti akan publish juga

58:40akan publish juga jadi tungguin aja itu saya bisa bikin Twitter klon sederhana tanpa holding sama

58:48sekali cuman klik-klik aja terus prompting jadi homepage nya tolong tambahkan list of

58:55tweet dia bikinin terus tolong styling CSS nya miripin sama Twitter dibikinin dia itu udah

59:02menarik sih udah seru banget gitu cuman ya balik lagi ya kayak mikir kata-kata buat usai kita ngomong

59:09kempen kadang-kadang ya salah tangkap bikinnya Oh kita ngerti jadi kita harus jelasin Oh bukan

59:16yang ini tapi yang begini sempat kejadian dua yang pertama pas saya minta tolong di homepage

59:24bikinin list of tweet dia bikin komponen jadi dia bikin komponen atau dia pakai komponen Twitter

59:30sel kan kalau kalau di itu pakai sel-sel gitu kan terus saya bilang saya nggak mau pakai komponen

59:36tambahan maunya langsung aja jasek dia bikinin terus pas minta sortingnya kebalik masa tweet yang baru di bawah gitu kan saya bilang ini kayaknya kebalik

59:45orang di

59:47tweet yang terbaru di atas akhirnya dikasih solusi

59:50GraphQL nya dibikin credit date nya di sorting by credit date dan begitu dijalankan error terus saya copy paste aja errornya terus dia bilang oh ternyata GraphQL di Redwood gak support katanya akhirnya dia sorted tweetnya pakai JavaScript gitu

1:00:07ya gitu lah yang baru mengalami baru pengalami

1:00:14jadi seru seru seru banget seru banget

1:00:18dan apa ya sayang banget kalau teman-teman tidak memanfaatkan karena bukan bukan apa ya bukan

1:00:30untuk menggantikan kita pekerjaan kita gitu tapi lebih ke untuk belajar itu lebih enak gitu

1:00:38Hai terus mempercepat mempercepat hal-hal yang repetitif repetitif nggak perlu misalkan kita

1:00:45itu demi data 100 gitu copy paste sampai 100 baris gitu habis diganti-ganti kan mendingan langsung

1:00:52aja sih dia kita minta bikinin kalau bikinin data yang kayak gini 100 demi data gitu dia bikinin

1:00:59gitu kan jadi justru Iya justru jauh lebih cepet dan efektif gitu walaupun ya beberapa kali juga

1:01:08sering error maksudnya alu ya dia enggak tahu ini project apa terus habis itu generate yang

1:01:14dulu kok komennya aneh gitu kan ada kejadian gitu tapi overall experience-nya udah mulai menarik lah

1:01:24baguslah enak nah ini ada apa ya seperti eh keresahan kali ya keresahan kayak kalau enaknya

1:01:40semakin apa semakin pintar kita sebagai developer itu semakin semakin kita lakukan apa Maksudnya

1:01:53apa yang harus kita misalkan katakanlah ada seorang Junior developer gitu kan atau anak

1:02:01fresh graduate lah yang yang baru belajar ngoding dan ternyata dengan berbekal GitHub copilot chat

1:02:09itu sudah bisa bikin app tanpa kita mengerti misalkan walaupun sebenarnya kalau menurut saya fundamentalnya harus tahu kita harus membedakan solusi yang dikasih benar atau salah gitu kan kita bisa pilih

1:02:21tapi kalau misalkan teman-teman yang belum mengerti terus tiba-tiba pakai atau kayak bare gainingnya kurang gitu buat apa kita hire junior kita kan sudah punya AI silahkan pakai aja gitu

1:02:35itu ada ada apa ada opini enggak dari teman-teman kira-kira teman-teman justru membuat justru entry

1:02:48point untuk kata Junior itu semakin naik and in levelnya karena Oh harus level levelingnya harus

1:02:58lebih naik lagi lebih tinggi lagi ya ini ya skandarnya ya Iya kayak kalau bego-bego nya

1:03:03hal yang simple kan udah bisa dikerjain AI

1:03:06berarti level juniornya

1:03:08harus bisa mendirect

1:03:11harus punya pemahaman yang cukup

1:03:13untuk mendirect si AI-nya

1:03:14untuk kerjain hal yang repetitif atau simple

1:03:17jadi harus bisa minimal punya pengalaman

1:03:22buat application in production

1:03:25yang maksudnya bisa dipakai

1:03:28pernah terjun di open source

1:03:31karena suatu saat pakai kayak rajin ikut dengan benerin bug orang segala macam itu kan ibaratnya pengalaman itu kan akan muncul

1:03:43kalau kita pakai AI gak bisa muncul kalau benerin bugnya orang lain

1:03:47ya benerin bugnya AI

1:03:49benerin bugnya di forum segala macam atau ikut-ikut freelance di forum

1:03:54yang ujung-ujungnya punya pengalaman itu barrier entry point untuk Junior itu justru jadi tinggi

1:04:01lebih tinggi tambah tinggi ya Apakah eh Mas Tiza bilang ya apa yang sudah bisa dikerjakan AI apa bisa apa yang bisa dikerjakan Junior bisa digantikan sama AI Oh daripada hire junior mendingan beli langganan co udah disuruh kerjain yang lain aja gitu

1:04:22Namun tetap...

1:04:23Apa kan harus ada yang nyuruh? Maksudnya harus punya resource buat nyuruh?

1:04:27Kalau developer yang lain lagi occupied bikin hal yang lain kan susah.

1:04:31Kalau misalnya satu proyek bisa membutuhkan let's say tiga, tiga engineer.

1:04:41Satu leadnya, satu back end, satu front end, atau sebelumnya ada satu junior yang bisa bantuin di front end atau di back end.

1:04:53Tetapi yang junior jadi nggak perlu karena individunya bisa dibantu AI karena efisiensi mereka naik satu setengah kali lipat.

1:05:01Contoh ya, efisiensinya naik satu kali lipat. Jadi nggak butuh junior lagi, intinya gitu kan ceritanya mas Giza.

1:05:08Iya betul.

1:05:09Ibaratnya dari sisi saya berarti ya kata junior sudah harus naik level. Bariernya harus naik.

1:05:20Jadi ada sesuatu yang unik yang dibawa si junior ini ya misalnya mungkin lebih bisa punya apa namanya kemampuan box fixing yang lebih baik atau prompting yang lebih jago ataupun sesuatu yang dibawa on the table gitu.

1:05:41Prompting itu tidak semudah yang kita bayangkan

1:05:44Jadi kemampuan komunikasi

1:05:46Kemampuan menulis

1:05:47Mengungkapkan apa yang ada di kepala kita

1:05:49Menjelaskan ke dalam bentuk teks itu tidak semudah

1:05:52Yang kita bayangkan

1:05:53Untuk bisa membuat

1:05:56Sebuah prompting yang bagus

1:05:57Membutuhkan kemampuan dasar

1:06:00Ya sama pengalaman sih

1:06:01Pengetahuan dasar

1:06:03Pengetahuan apa yang mau kita prompt

1:06:05Pengetahuan dan jam terbang

1:06:08Iya

1:06:09Berarti

1:06:11fundamental jadi jauh lebih penting lagi dong dibanding sebelum-sebelumnya

1:06:16betul menarik menarik sama itu satu lagi ini jadi gimana lanjut jadi mungkin apa ya dari kalau ada

1:06:30pertanyaan ini kita apa ya lebih ke gimana cara memanfaatkan ya eh apakah kita lebih dulu misalkan

1:06:38ini yang baru belajar programming nih Apakah kita belajar lebih dulu tentang bagaimana memanfaatkan

1:06:44atau belajar fundamental dulu kegagalan bisa nggak sih kita suruh bikin tapi kita suruh jelasin juga

1:06:52ini apa habis itu kita nge-like sendiri kita klik bisa ikan kita bisa minta dikasih link buat belajar

1:06:57di kopi kan ada ada slash explain Yes nah itu yang paling sering saya pakai kalau saya nggak

1:07:05lagi explain explain diskon terangin tuh satu-satu Nah itu ya jadi bahan saya untuk ngerti Oh ini

1:07:13fundamental oing masuk jadi jadi jangan cuma pakai kodenya tetapi explain kodenya kalau bisa kalian

1:07:21juga mengekspresi kodenya begini contoh menarik ya contoh menarik barusan-barusan terjadi tadi

1:07:30pagi

1:07:32tadi pagi, benar, bukan kemarin

1:07:34saya kadang suka lupa waktu

1:07:35salah, kemarin

1:07:39karena hari ini teman saya udah libur

1:07:41kemarin

1:07:42jadi

1:07:44dia bertanya kepada saya

1:07:48kenapa

1:07:49jadi ada satu

1:07:52kasusnya gini

1:07:54dia add komponen

1:07:56ke satu

1:07:58list untuk post gitu ya maunya kalau diklik pos itu di komponen itu masuk ke list scrollnya

1:08:10otomatis ikut turun ke scroll heightnya yang paling terakhir jadi komponennya masuk tetapi scrollnya

1:08:19ikut turun di react seluruh viewport atau cuma kayak ada div nya kan kita mau nambahin post tuh

1:08:26Tetapi kalau misalnya nambahin post, tetapi kalau post yang kita tambahin nggak kelihatan sebenarnya dia di

1:08:32kena scroll

1:08:33kan harusnya lebih bagus

1:08:35experience nya

1:08:36setelah kita nambah

1:08:38scroll nya ikut turun

1:08:40scroll to element itu

1:08:42dia cuma tambahin scroll to

1:08:44di element tetapi

1:08:46dia bilang kok gak working ya

1:08:48dia tambahin scroll to aja

1:08:50seperti itu kok gak working ya

1:08:52tetapi kalau dia nambahin beberapa kali

1:08:54bisa ikut turun gitu

1:08:55saya cuma bilang

1:08:58coba tambahin

1:09:01set time out

1:09:01rest condition berarti

1:09:04oh iya iya

1:09:06baru dia

1:09:07setelah saya kasih tau

1:09:10saya tanya lagi

1:09:12tau gak kenapa

1:09:14dengan set time out

1:09:16bisa

1:09:17working

1:09:19ternyata dia bisa jawab

1:09:22dia tanya sama

1:09:23co-pilot

1:09:24kenapa

1:09:27ini bisa jalan

1:09:29baru si co-pilotnya jelasin

1:09:30yang terjadi adalah si reskonexion jadi saat reactnya react life cycle nya belum selesai scroll

1:09:38high itu masih tetap segitu dan setelah dia scroll 2 nya jalan ya enggak terjadi apa-apa tapi setelah

1:09:48reactnya selesai turunkan nah jadi kalau dengan set timeout reactnya selesai dulu baru di scroll

1:09:56makanya bisa terjadi smooth transitionnya, smooth scroll

1:10:00oh oke

1:10:02itu sih, dia tanya copilot

1:10:04dan dia kasih tau, oh gitu

1:10:06nah

1:10:08interaksi seperti ini yang saya mau ceritakan adalah

1:10:11meskipun saya ngasih tau

1:10:13sama si

1:10:15colleague saya

1:10:17teman saya bekerja, setelah itu dia

1:10:19tanya lagi ke copilot

1:10:21kenapa kode yang

1:10:23saya kasih tau itu bisa jalan

1:10:25Dan waktu saya tanya dia bisa jawab dengan benar. Ibaratnya dia profesional loh.

1:10:32Maksudnya meskipun sering menghadapi hal-hal, tapi ada aja bug yang dia nggak tahu ya kan.

1:10:38Nggak semua orang tahu semuanya kan. Tetapi dengan adanya bantuan AI, dia bertanya lagi dan terus belajar.

1:10:45Jadi kita bisa manfaatkan AI itu sebagai asisten pribadi kita.

1:10:50Kalau nggak paham, tanya gitu.

1:10:51Sampai kita mengerti kenapa kode itu bisa jalan.

1:10:57Itu penting ya.

1:10:59Jadi nggak cuma terima jawaban terus udah gitu.

1:11:03Jadi seperti yang Mas Rizetakatan tadi.

1:11:05Yang mana duluan?

1:11:06Barengan.

1:11:07Misalnya,

1:11:09ada,

1:11:12mungkin kalau dari sisi belajar,

1:11:13kita dapat kode yang,

1:11:16misalnya belajar framework tertentu ya,

1:11:18kan dapat kode kita copy paste kita coba hello worldnya jalan terus kita tanya AI kenapa ini bisa begini kenapa ini bisa begitu

1:11:25berarti selanjutnya berarti ibaratnya mulai setapak-setapak tapi berbarengan belajar promptingnya

1:11:31ya sambil dicoba kita ganti-ganti sendiri kan kita modif biar kita tahu juga caranya modif gak cuma bergantung ngekopas apapun yang dikasih sama AI

1:11:40tapi kita modif kita lihat hasilnya gimana sesuai mental model kayak bayangan kita gak kalau kita ganti ininya jadi begini

1:11:47loh ternyata nggak beda sama ekspektasi kita, misalnya ya kita bisa tanya lagi ke AI kan, jadi itu kayak ada learning cycle.

1:11:59Learning cycle, ya menarik-menarik.

1:12:01Nah ini masih topik ini, ini ngaruh sama salah satu bukan prediksi sih, jadi pemikiran juga selama ini kita dapat konten tentang teknologi,

1:12:11ya misalnya antara lain dari sosmed terus banyak konten kreator ya misalnya kalau kita sering

1:12:18nonton YouTube lah apa YouTube fire fire ship ya yang jadi juga ya ya ya YouTube atau Twitch

1:12:26misalnya apalah primagen primagen itu ya itulah atau kensi dots atau siapalah terus mungkin banyak

1:12:36rata-rata belajar dari channel-channel konten kreator seperti itu atau mungkin kalau yang lebih

1:12:43klasik Udemy lah atau atau platform sejenis ya Wanya yang kita beli course terus ada manusia orang yang kayak bikin silabus

1:12:55terus narasi dia ngomong sambil nunjukin kode.

1:12:58Nah, selama ini kan pola yang udah ada kayak gitu.

1:13:01Tapi di tahun terakhir ini, kemarin kan udah mulai disrupted sama AI

1:13:05yang barusan dibahas tuh.

1:13:07apa, AI itu

1:13:09LLM yang, apa,

1:13:11LLM untuk coding itu

1:13:12sangat bagus dalam

1:13:14mengajari lah, dalam mengajar dan

1:13:17bisa nge-custom kayak

1:13:19ngejelasin hal yang

1:13:21sesuai masalah yang kita alamin atau

1:13:23kita tanyain atau sesuai kode kita.

1:13:25Nah, mungkin 2024 ada

1:13:27nggak ya, kayak mungkin content

1:13:29creator yang berbasis

1:13:31AI atau kursus-kursus

1:13:33yang full berbasis AI.

1:13:35udah ada belum sih?

1:13:39full berbasis AI

1:13:40maksudnya kontennya berdasarkan

1:13:41si AI yang di-generate

1:13:43yang bikin AI

1:13:44terus kontennya juga

1:13:47misalnya apa narasinya

1:13:49contoh-contoh kodenya

1:13:51itu dari AI semua

1:13:53gak tau ya

1:13:57ya itu ide doang sih

1:13:59terus misalnya

1:14:00kan biasanya kalau kursus Udemy

1:14:03dibagi di lesson-lesson gitu ya

1:14:05ya kadang ada tesnya jadi misalnya kalau eh di setelah satu lesson ada eksersisnya nih berdasarkan

1:14:12apa hasil dari sebesar ya kayak cus your own Adventure gitu loh bisa apa kontennya bisa

1:14:22dynamic berubah-ubah sesuai respon apa kemampuan kemampuan studentnya terus mungkin minatnya nih

1:14:30kayaknya sih apa minat atau mungkin you studentnya kuat gimana kayak ya customize lah baca novel

1:14:40Ghostbombs zaman-zaman itu namanya polanya itu apakah kamu akan lari apakah kamu akan masuk ke

1:14:50itu itu menghadapi monster, kalau lain monster halaman sekian

1:14:54ya ya kalau kalau online course sih kayaknya belum pernah denger ya tapi kalau ada yang bikin game yang apa yang text based game adventure yang apa yang kayak gitu

1:15:10Dulu ada apa sih yang legendaris tuh? Itu ada. Jadi dia udah pakai AI. Jadi misalkan ada karakter kita nih, ada pintu, terus ada barang-barang apa gitu.

1:15:20Hah? Apa?

1:15:22Flaping board. Flaping board plus.

1:15:24Bukan, bukan. Jadi bisa pilih mau buka pintu atau buka jendela misalkan.

1:15:31Jadi kalau buka pintu, nanti kita tuliskan open the door. Dia open the door. Nah itu engine-nya itu AI. Itu udah ada. Jadi auto-generate gitu.

1:15:40tapi kalau online course kayaknya belum pernah dengar

1:15:42itu sama content creator

1:15:44jadi kan ya kayak ada

1:15:46mas Risa lah content creator

1:15:48manusia beneran kan ada

1:15:50padika ada siapa atau

1:15:51kalau di luar ya itu ada prime agent

1:15:54ada kensi dots

1:15:55kali suatu hari kita bakal

1:15:58lihat persona jadi kan

1:15:59kalau content creator atau

1:16:02influencer atau apalah istilahnya

1:16:04itu kan bukan cuma materi

1:16:06kodenya tapi mungkin ya bukan mungkin

1:16:08pasti ada karakternya

1:16:09cara penyampaiannya kayak ya ada ciri khas sendiri lah ada minat-minatnya juga masing-masing punya

1:16:16framework kesukaan Nah kapan ya kita lihat konten Creator yang pure AI itu kan nyesel kapan ada

1:16:28jadi kepikiran malah

1:16:33justru pengen bahas topik-topik fundamental

1:16:36gara-gara AI ini

1:16:39takutnya ada gap-nya semakin tinggi loh

1:16:42dari apa

1:16:43jadi yang junior nih

1:16:46yang tadi Ivan sempat bilang juga

1:16:48barrier to entry-nya makin tinggi kan

1:16:50yang kedua saya mikirnya gini

1:16:52junior ini junior yang belum bisa memanfaatkan AI

1:16:55dia akan stuck di sini

1:16:57ini yang senior yang bisa menghampakan AI dia bisa aselerasi terus nanti perusahaan kita mau hire Junior nggak bisa karena juniornya belum qualified gak ada yang junior naik ke senior yang senior udah

1:17:10naik misalkan ke jadi team lead atau jadi

1:17:12principal dan lain-lain, yang junior ke seniornya

1:17:15gak ada, jadi gapnya itu semakin tinggi

1:17:17karena dia satu

1:17:18belum bisa memanfaatkan AI, yang kedua mungkin

1:17:20dia bisa memanfaatkan AI tapi kodingan

1:17:23copy paste buta

1:17:24semacam stack overflow versi 2

1:17:26jadi ketemu solusi, kopas, udah

1:17:29tahunnya gak jalan, cari lagi

1:17:30sampai gitu takutnya kejadian seperti itu

1:17:33rawan gak sih

1:17:35bakal ada kayak bukan senior

1:17:37tapi mid level palsu gitu banyak

1:17:39jadi apa misalnya pas tes masuk kerja

1:17:41entah gimana bisa pakai

1:17:43apa mungkin githubnya rapih gitu

1:17:45repo nya banyak

1:17:46aplikasinya bagus-bagus ya sebenarnya

1:17:49itu di balik layar deponya ya gitu

1:17:51cari-cari terus tapi gak ngedalemin

1:17:52gak tau kenapa

1:17:54gak ngerti prinsipnya cuma

1:17:56portfolio nya bagus pas tes masuk

1:17:59ya kan gak semua perusahaan sistem apa seleksinya beneran yang kayak ketat banget belum tentu yang

1:18:07menseleksi si developer yang beneran kerja di situ kan siapa pakai ya rekruter atau apalah

1:18:13yang kurang juga juga cuma seru dikerjakan Hai dianggap saya memeriksa ya juga jadi

1:18:23atau entah gimana punya dia lolos ya terima karena terlihat seakan-akan jago tapi pas

1:18:30udah masuk pas sama orang beneran pas harus memenuhi apalah kayak kebutuhan produk kebutuhan

1:18:37bisnis yang terus jadi Kak jadi disuruh ngasih pertimbangan ya pokoknya tiba-tiba setelah udah

1:18:43terancur onboarding baru rekan-rekannya yang sebel kan yang lapor nih orang kayaknya gue

1:18:48yang diganti orang udah ngerti apa-apa deh betul makin banyak fenomena kayak gitu enggak sih kayaknya

1:18:54mudah-mudahan enggak ya akan akan ada kemungkinannya ada kemungkinan ada hukum hukum hukum hukum rimba

1:19:03seleksi seleksi alam yang yang yang hustler pinter hustling dan survival

1:19:18akan naik cepat yang malas akan akan terlindas hilang mungkin 12123 kejadian mungkin ya terus

1:19:31habis itu orangnya selalu penipu impostor impostor beneran bukan impostor sindrom itu agak buang-buang

1:19:39Yang kasihan itu adalah yang beneran jago, yang beneran jago tapi nggak mau pakai AI.

1:19:47Bukan. Yang beneran jago tetapi nggak pernah. Pernah nggak sih kelihatan orang yang...

1:19:52Iya. GitHub-nya nggak bagus, CV-nya jelek, nggak pernah nampil.

1:19:57Iya. Tapi sebenarnya jago.

1:19:59Ter-expose.

1:20:00Dan nggak sering ngomong gitu. Karena dia bukan tipe orang suka ngomong.

1:20:05Tapi kan nggak semua orang suka ngomong, tapi tetap aja dia harus berkarya dong.

1:20:10Misalnya nggak suka ngomong jadi speaker atau apa, bikin library lah.

1:20:15Ya, atau bikin apalah.

1:20:17Dia jago dan karena company-nya punya tempat-tempat dia bekerja itu ada apa ya barangnya, NDA,

1:20:28jadi apapun karyanya enggak pernah dibisa di dipublikasikan tapi jago gitu ya banyak orang

1:20:37yang seperti itu yang aku banyak yang bisa ke lindas sama yang yang Wow yang link-innya super

1:20:47keren yang kita punya ijo semua itu yang itu yang pernah ada kejadian ngikutin enggak tapi ini bukan

1:20:57bukan tentang programming cuman ada satu conference teknologi, saya lupa nama conference-nya apa,

1:21:03terus ada satu narasumber, cewek, yang di situ dia sebagai software engineer atau principal atau lead engineer di perusahaan teknologi besar di Amerika.

1:21:18Entah itu Uber atau Lyft atau apa saya nggak ingat Terus ditelusuri ternyata itu buatan Jadi link itu dibuat oleh AI fotonya dibuat oleh AI

1:21:31Dan orang yang bekerja, ditanyain seluruh kantor itu nggak ada orang itu yang bekerja di situ.

1:21:36Dan ternyata akhirnya si conference itu terbongkar lah.

1:21:42Ternyata dia taruh orang itu, si cewek imajiner itu.

1:21:46karena supaya inklusif ya hahaha itu pernah dengar kayak gitu jadi pokoknya nggak ada yang kenal sih

1:21:58itu orang tapi kayaknya sosial medianya aktif gitu ternyata itu di apa akal-akalannya sih

1:22:04difference ini supaya seolah-olah ada eh apa-apa pembicaraan dari cewek perempuan

1:22:11gitu ya dan dia effort besar gitu kayaknya lebih gampang cari female speaker beneran

1:22:19sebenarnya lebih murah kalau saya lebih reasonable kan Amri keknya Eka Eka fyi mau kok datang sana

1:22:26gitu ya Iya siap ya nggak tahulah intensionnya apa tapi iya pasti akan ada orang-orang yang

1:22:33akan memanfaatkan dengan tidak baik gitu termasuk juga floper ya oke oke ada lagi ada lagi kita

1:22:44lanjut lagi selanjutnya ini wishlist wishlist nggak tahu bakal trending 2024 atau enggak tapi wishlist

1:22:53semoga akan terjadi ya namanya juga wishlist ya sustainability jadi sustainability ibaratnya kan

1:23:02sudah paham kecepatan kecepatan kita semua beromong-omong call-back vital ada juga aliran

1:23:09accessibility yang untuk yang membutuhkan ya accessible namun ada satu expect lagi itu

1:23:17sustainability itu bagaimana supaya kode yang kita hasilkan sustainable apa sih minimal minimal

1:23:29meminimalis meminimalkan lisir apa jejak karbon wates watiabong karbon jumlah pemakaian listrik

1:23:40Yes jadi bagaimana kode kita supaya efisiensi untuk penggunaan power yang ujung-ujungnya bisa

1:23:48meminimalkan carbon footprint ia meminimalkan lebih apa selfish egoisnya mah lebih meminimalkan

1:23:57juga ya kalau jalan di servernya biaya listrik biaya listrik jalan servernya lebih water lebih rendah ya powernya

1:24:06kalau kita mikir dari dari global mungkin dari makronya kan mungkin kayak pakailah renewable energy segala macam

1:24:17macam tapi kalau kodenya kita sendiri yang terlalu banyak eh for loop di dalam for loop

1:24:26for loopnya for loop dan for loop ya segala macam ada cara yang lebih ya big O notation

1:24:32misalnya terlalu banyak pakai power ya teman-teman coba memikirkan bagaimana kodenya supaya

1:24:40penggunaan power yang lebih rendah

1:24:43ada banyak materi-materi

1:24:45yang sudah

1:24:46untuk sustainable

1:24:48sustainability coba dimulai

1:24:51dari diri kita sendiri

1:24:53dimulai dari

1:24:54pemakaian power

1:24:55itu saja

1:24:57wish list

1:24:59oke ada lagi

1:25:02sudah

1:25:04sudah cukup

1:25:06serba AI

1:25:07serba AI

1:25:09Iya kalau begitu jangan lupa ditunggu topik tautan dan pertanyaan-pertanyaan menarik disini

1:25:20Nah teman-teman bisa create new discussion disini

1:25:24Kalau ada ide untuk topik bisa klik yang ideas

1:25:28Kalau ada yang mau didiskusikan bisa Q&A

1:25:32Ada yang mau pamerin karyanya bisa show and tell

1:25:35Nanti kita bisa lihat juga bareng-bareng

1:25:37Jadi silahkan langsung ke

1:25:40sana.in slash ngobrolin untuk malam hari ini mungkin kita udahan dulu Terima kasih buat

1:25:46atensinya kita akan ketemu lagi minggu depan mudah-mudahan minggu depan kita udah bisa live

1:25:51lagi tahun depan dengan topik yang berbeda ya tahun depan jadi Selamat menikmati tahun baru

1:25:592024 semoga tahun ini kita bisa lebih produktif lagi dalam berkarya lebih sukses lagi semuanya

1:26:09yang belum dapat kerjaan mudah-mudahan diberi pekerjaan rezeki dan play the

1:26:15match event udah hiring lagi ya sampai ketemu minggu depan bye bye bye