Beberapa latihan terbaru dari channel Coding with Justin tentang Vue JS 3.
-
Latihan membuat aplikasi desktop Electron JS dengan Vue JS 3

https://youtu.be/LnRCX074VfA

---

Latihan membangun game Tic Tac Toe dengan Vue JS 3 dan Composition API

https://youtu.be/pFeXPWO4elk

---

Latihan membuat aplikasi chat sederhana dengan Vue JS 3 dan Firebase Database

https://youtu.be/egs7_a4Yjnk

---

Membuat aplikasi CRUD sederhana dengan Firebase Database dan Vue JS 3

https://youtu.be/Htt8AKeF1Kw

---

Integrasi layanan Firebase

https://youtu.be/foZiwDb-YUE

---

Mengenal state management di Vue JS TypeScript dengan Pinia

https://youtu.be/sVj4rbbS_ws

---

Latihan sederhana membangun aplikasi mobile dengan Ionic dan Vue JS 3

https://youtu.be/CPsLkOe8a60

---

Latihan dasar pengenalan Vuex di Vue JS 3

https://youtu.be/t_VgDeUJ3_I

---

Pengenalan module Vuex sehingga Vuex menjadi terbagi per modul dan mudah diatur

https://youtu.be/_nB-7--vUV8

---

Menggunakan Composition API sebagai pengganti Vuex di Vue JS 3

https://youtu.be/QMx4lc2fiSs

---

Pengenalan Provide dan Inject di Vue JS 3 Composition API

https://youtu.be/dOxjzgZpTfk

---

Latihan sederhana menggunakan Teleport API di Vue 3

https://youtu.be/aYnm4Pc1ICY

#vue #firebase #vuex #composition #codingWithJustin #electron

Referensi beberapa library datatable untuk React

https://blog.logrocket.com/the-top-react-table-libraries-to-use-in-2021/

---

Latihan menggunakan TDD Development dengan contoh kasus membuat aplikasi kalkulator dengan React

https://dev.to/alexandrudanpop/creating-a-calculator-app-with-react-and-tdd-277

---

Mengenal tentang Chakra UI, library UI Component untuk React JS

https://itnext.io/chakra-ui-react-library-built-for-speed-dcf85cf8eed6

---

Membuat fungsi upload gambar ke layanan Cloudinary dengan Node JS dan React

https://codeburst.io/image-upload-with-cloudinary-part-2-next-react-node-js-198108f672e5

---

Latihan berseri membangun aplikasi desktop Electron JS dengan React JS

https://codeburst.io/electron-react-js-build-a-native-app-with-javascript-part-1-537111c80df8

---

#react #datatable #library #tdd #calculator #cloudinary #chakraUI #electron

Daftar template Node GUI yang tersedia untuk Vue, React, Svelte yang membantu dalam pembuatan aplikasi desktop komputer

https://github.com/nodegui


#desktop #nodegui #electron #template

Latihan panjang dari Freecodecamp tentang pembuatan aplikasi tiruan Instagram dengan React JS, Tailwind CSS, Node JS, dan Firebase Firestore Database

https://youtu.be/mDgEqoQUBgk

---

Kumpulan contekan atau cheatsheet tentang penggunaan React JS di dunia nyata

https://www.freecodecamp.org/news/react-cheatsheet-with-real-world-examples/

---

Contekan panjang tentang penggunaan React Router

https://www.freecodecamp.org/news/react-router-cheatsheet/

---

Latihan penggunaan Electron JS dan React JS untuk membuat aplikasi desktop

https://javascript.plainenglish.io/migrate-existing-web-react-app-to-desktop-app-with-electron-a7007128120e

---

#react #instagram #clone #firebase #nodejs #tailwind #router #electron

Membuat aplikasi desktop app dengan Electron JS dan React

https://www.sitepoint.com/electron-forge-react-build-secure-desktop-app/

---

#electron #desktop #react

Latihan membuat aplikasi desktop dengan Electron JS dan Svelte JS

https://blog.logrocket.com/building-cross-platform-desktop-apps-with-svelte-electron-and-reloadly/

---

Pengenalan Svelte JS untuk developer yang sudah familiar dengan React JS

https://css-tricks.com/svelte-for-the-experienced-react-dev/

#svelte #electron #desktop

Tips dan trik dalam optimasi aplikasi desktop yang berbasis Electron JS

https://blog.logrocket.com/advanced-electron-js-architecture/

#electron

Referensi UI Component untuk Vue JS

https://dev.to/chetan_atrawalkar/21-best-vue-js-library-for-ui-design-254h

—-

Latihan membuat aplikasi desktop dengan Electron JS, Vite, dan Vue JS 3

https://dev.to/brojenuel/vite-vue-3-electron-5h4o

—-

Kumpulan referensi framework dan library pendukung untuk project Vue JS terbaru

https://dev.to/oyedeletemitope/top-20-vue-js-frameworks-and-libraries-for-your-next-project-2o4d

—-

Cara menggunakan Quill Editor WYSIWG di Vue JS 3

https://dev.to/anjolaogunmefun/using-vuequill-editor-in-vue-js3-1cpd

—-

#vue #component #library #quill #vite #electron

Daftar project untuk latihan pengenalan React JS bagi pemula

https://dev.to/thenerdydev/10-react-projects-every-beginner-should-try-fk9

—-

Referensi daftar Chart Library untuk React JS

https://javascript.plainenglish.io/top-5-react-chart-libraries-for-2021-969ae9840832

—-

Membuat animasi di aplikasi React JS dengan Framer Motion

https://javascript.plainenglish.io/animation-in-react-web-application-using-pure-css-and-framer-motion-cf48a4aece28

—-

Menggunakan Parcel JS untuk module bundler aplikasi Electron JS dengan React

https://medium.com/weekly-webtips/how-to-bundle-your-react-electron-app-by-parcel-d038a171a5a7

—-

#react #learning #electron #parcel #framer

Membuat aplikasi Electron dengan build system berbasis Vite JS

https://dev.to/olyno/how-to-create-an-electron-application-with-vite-im

#vite #electron

Latihan membuat aplikasi desktop dengan Electron JS dan Vue JS

https://blog.logrocket.com/building-app-electron-vue/

---

Membuat aplikasi desktop dengan Vue JS , Electron, dan Vite JS

https://javascript.plainenglish.io/building-an-electron-app-with-vuejs-and-vite-6f41e2d7587f

—-

Mengambil element di dalam Component Vue JS dengan bantuan fungsi querySelector

https://blog.logrocket.com/getting-element-component-vue-queryselector/


#vue #electron #element

Cara deploy Next JS ke VPS hosting menggunakan Docker dan Github Action

https://dev.to/lewiskori/deploying-nextjs-apps-to-a-vps-using-github-actions-and-docker-564n

---

Mengenal penggunaan Node GUI sebagai alternatif Electron JS

https://blog.logrocket.com/nodegui-react-nodegui-electron-alternatives/

---

#nextjs #react #vps #deploy #nodegui #electron

Latihan dari Fireship tentang pengenalan framework Tauri JS untuk membuat aplikasi desktop dengan performa lebih baik dari Electron JS

https://youtu.be/-X8evddpu7M

#fireship #tauri #electron #desktop

Latihan membuat aplikasi desktop dengan Electron JS dan Next JS

https://blog.logrocket.com/building-app-next-js-electron/

---

Membuat snippet code highlight pada Next JS

https://blog.openreplay.com/building-a-code-snippet-highlighter-in-next-js

#react #nextjs #desktop #electron

Komparasi antara Tauri JS dengan Electron JS untuk membuat aplikasi desktop

https://blog.logrocket.com/tauri-electron-comparison-migration-guide/

#desktop #tauri #electron

Latihan panjang dari Traversy Media membuat aplikasi desktop dengan JavaScript dan Electron JS

https://youtu.be/ML743nrkMHw

#electron #traversyMedia

Komparasi antara Electron JS dengan Tauri JS untuk aplikasi desktop

https://betterprogramming.pub/tauri-vs-electron-for-tray-apps-ed15974f35ce


#tauri #electron #desktop

Latihan membuat aplikasi desktop dengan Node JS, Electron, dan Socket IO

https://betterprogramming.pub/desktop-sharing-application-with-nodejs-electron-and-socket-io-af389cb21d93

---

Membuat parser data CSV dengan Node JS

https://javascript.plainenglish.io/fast-csv-parser-with-node-js-d3cf84d8a0a6

---

Menyalin data file pada Node JS

https://javascript.plainenglish.io/how-to-copy-files-and-folders-in-node-js-e37394fdf4c0

---

Pengenalan provider dan Dependency Injection pada Nest JS

https://dev.to/patrick0806/understanding-providers-and-dependency-injection-in-nestjs-248e

#nodejs #desktop #nest #file #electron

Membuat aplikasi desktop music player dengan Angular dan Electron JS

https://levelup.gitconnected.com/creating-custom-music-player-desktop-app-with-angular-and-electronjs-596d30e8dd9

---

Pengenalan tentang RxJS di Angular

https://javascript.plainenglish.io/introduction-to-observables-and-subjects-in-angular-for-reactive-programming-ec4af261f09f

#angular #electron #rxjs