Best posts made by wayanjimmy

@barayuda halo Bara, mungkin kalau disediakan code dalam bentuk codesandbox.io untuk memudahkan reproduce issuenya bisa bantu teman-teman yang lain untuk menjawab

Seputar Frontend

• Ambercat -- Static site generator yang dibuat dengan VueJS dan TailwindCSS.

• Belajar Mobx -- Mobx adalah state management alternatif selain Redux. Barang kali bosan dengan Redux, artikel ini memberikan tips untuk mulai belajar Mobx.

• Nautil -- Framework javascript frontend untuk menulis aplikasi lintas platform.

• Tracking Perfomance Track -- Website komparasi perfomance web di dunia frontend. Tapi ingat bukan berarti sering sering ganti framework karena perfomance ya, bisa saja kamu ikut kontribusi ke framework favorit kamu untuk meningkatkan performanya

• whatthefuck.is -- Dan Abramov menulis sebuah website glosarium istilah-istilah computer science untuk frontend developer.

• Mengurangi rerender yang tidak perlu React hook dengan useCallback dan memo -- Semeton pengguna React, yang ingin meningkatkan kecepatan render komponentnya, mungkin bisa ikutin tips ini untuk mengurangi render ulang yang tidak perlu.

Seputar Backend

• SOLID Principles in Pictures -- Belajar prinsip SOLID dengan bantuan gambar, bakal lebih mudah dimengerti nih.

Lain-lain

• Mengenal diri sendiri -- Tulisan menarik terkait pengembangan diri. Yang mana mengenali diri sendiri sangat krusial untuk menentukan arah hidup, #eaa.

@Adi-Andrea halo, jangan sungkan sharing apa pun disini asalkan masih dalam ranah developer

Buku Pragmatic Programmer menyebutkan

Learn at least one new language every year. Different languages solve the same problems in different ways. By learning several different approaches, you can help broaden your thinking and avoid getting stuck in a rut.

Jadi belajar beberapa bahasa menambah paradigma dan bisa dibawa kembali ke bahasa sehari-hari contohnya seperti post Functional Programming di Rust oleh @alfinsuryaS.

Hal-hal terkait pengembangan diri juga bisa didiskusikan disini kok, di kategori Diskusi Umum.

@barayuda said in Component WYSIWYG:

v-model yg sy set di custom component kadang muncul kadang tidak

Bara, saya masih kurang mengerti bagian ini, mungkin bisa sediakan screenshot untuk membantu mendeskripsikan apa yang dimaksud?

Seputar Frontend

• Vue Geist UI -- Sebuah implementasi UI minimalis ala Vercel (sebelumnya Zeit) yang dibuat dengan vue.

• React Library di 2020 -- Ketika memilih stack, tidak hanya karena teknologinya namun juga karena komunitas, ekosistem, dukungan dokumentasi dan lain-lain. Untuk itu artikel ini menjelaskan library apa saja yang mendukung React tahun ini. Semoga bisa jadi pertimbangan kalau kamu lagi gak yakin untuk belajar React

• Flume.dev -- Dengan library ini kamu bisa bikin UI menarik yang menghasilkan JSON graph. Nah salah satu kasus dimana menggunakan UI seperti ini mungkin seperti kasus penerapan Promo/Discount Rule? menurut kalian apa lagi contoh lainnya?

• V Dashboard -- Pengen coba vue 3? Wah ternyata sudah ada nih project admin dashboard berbasiskan vite, vue 3 dan tailwindcss.

Seputar Backend

• 5 Best Practice menggunakan Express -- Salah satu metode yang di bahas adalah gimana cara menggunakan async dan await untuk mengurangi penulisan kode. Tapi gmn tuh cara agar express bisa integrasi dengan async lebih mudah? ternyata ada middlewarenya. Yuk cek bahasannya di artikel ini!

• Membuat Clone Twitter dengan OOP di Javascript -- Bagi yang baru belajar OOP video ini bagus banget. Mulai dari bikin class diagram menggunakan PlantUML, sampai mengubah nya menjadi kode Javascript yang berjalan. Gimana sih cara translate kebutuhan realworld ke sebuah class Javascript? simak divideo ini.

Seputar BaliJS

• Ngobrolin Keseharian Developer #3 bersama Richard -- Richard berbagi kesehariannya dan tantangan yang dihadapi sebagai developer yang tertarik juga dengan Digital Marketing.

@alfrcr sediakan tautan berupa urlnya dong kak

@barayuda ok saya udah lama banget ga coding Vue lagi.

Tapi dari yang saya lihat VueJS dan SunEditor adalah sebuah Dunia yang berbeda.

Kalau mau bikin custom component, yang saya pikirkan adalah kita harus binding satu demi satu event yang terjadi di instance suneditor ke vuejs method. Hal ini diperlukan untuk memastikan state / vue model yang kamu gunakan valuenya consistent dengan yang di SunEditor.

Sebagai gambaran saya contek implementasi sun editor di ReactJS
https://github.com/mkhstar/suneditor-react/blob/master/SunEditor.js#L112
bagian ini adalah bagian yang mendeteksi event onchange yang terjadi di SunEditor dan melakukan sync valuenya terhadap state yang ada didalam ReactJS.

Seharusnya konsepnya tidak beda jauh dengan VueJS. cuma nama event di VueJS mungkin beda misal

• ComponentDidUpdate -> updated
• ComponentDidMouint -> mounted

lebih lengkapnya bisa di cek di VueJS LifeCycle

Seputar Frontend

• Windmill Dashboard -- Buat semeton pecinta tailwind, ini ada project opensource admin dashboard yang dibuat dengan tailwind. Sudah support dark theme juga lo.

• React Table -- Component Reactjs untuk menangani data table. Component ini headless, jadi tidak tergantung dengan UI component manapun!

• Free SVG background generator -- Barang kali semeton yang lagi perlu background SVG, bisa pakai perkakas ini untuk bantu pekerjaannya

Seputar Backend

• Pengenalan HTTP Caching -- Semeton apakah sudah implementasi HTTP cache di aplikasi web-nya ? Kalau masih bingung boleh cek video ini, disitu dijelasin gimana cara header Etag bisa mengurangi lalu lintas data antara browser dan server.

• Bicara Typescript -- Asik makin banyak bahan belajar bahasa indonesia seputar dunia web. Kali ini kakak youtuber Sastra Nababan menjelaskan advance type di Typescript!

Lowongan Kerja

• WEBIMP PTE LTD Is Hiring Front End -- Frontend Developer ReactJS

@Mbahmo selamat bergabung ya, wah polyglot yah baik secara komputer maupun manusia

@barayuda asik thanks bara lumayan nambah referensi

@Mbahmo keren! thanks ya udah berbagi

@Wira-Maharddhika wah kalau saya terakhir belajar ReactJS. Untuk selanjutnya pengen belajar Alpinejs karena kayaknya cocok di kombinasikan dengan Laravel