Latihan membuat aplikasi desktop dengan Node GUI dan React JS

https://blog.bitsrc.io/building-native-desktop-application-with-react-node-gui-2ce1b2a2164

#desktop #gui #nodegui
-----

Implementasi routing untuk mode Single Page Application SPA di React Router

https://medium.com/javascript-in-plain-english/react-router-and-spas-made-easy-19fd1db0d6fc

#react #spa #router

Coding The Smartway merilis kelas gratis tentang pengenalan React JS lengkap dari dasar sampai menengah.

https://medium.com/codingthesmartway-com-blog/modern-react-from-the-beginning-ep1-creating-your-first-react-app-522fced53eed


Video latihannya dapat dilihat langsung pada playlist berikut ini
https://www.youtube.com/playlist?list=PL2dKqfImstaRZG9XEpZxr2jb_lRWA1gZg

----

Latihan pembuatan aplikasi desktop dengan Electron dan React JS

https://blog.bitsrc.io/building-an-electron-app-with-electron-react-boilerplate-c7ef8d010a91

---

Mengenal cara penggunaan Redux Toolkit untuk state management Redux

https://blog.logrocket.com/smarter-redux-with-redux-toolkit/

#mern #react #nodejs #desktop #electron #redux

Latihan membuat aplikasi desktop dengan Vue JS dan Tauri Framework

https://www.smashingmagazine.com/2020/07/tiny-desktop-apps-tauri-vuejs/

---

Latihan berseri membuat aplikasi Vue JS dengan Vuex

https://itnext.io/building-vue-enterprise-application-part-3-the-store-dbda0e4bb117

#vue #vuex #desktop #tauri

Latihan panjang membuat aplikasi web Vue JS Next JS dengan Chakra UI

https://www.smashingmagazine.com/2020/07/accessible-front-end-application-chakra-ui-nuxtjs/

---

Latihan panjang membuat aplikasi desktop dengan Vue JS dan Electron JS

https://www.smashingmagazine.com/2020/07/desktop-apps-electron-vue-javascript/

---

Membuat fungsi download file di Vue JS

https://medium.com/js-dojo/force-file-download-in-vuejs-using-axios-a7fe1b5dfe7b

---

Menambahkan animasi transisi CSS Transition di Vue dan Nuxt JS

https://www.smashingmagazine.com/2020/07/css-transitions-vuejs-nuxtjs/

#vue #nuxt #chakraUI #css #transition #download #electron #desktop

Latihan panjang membuat aplikasi desktop dengan Electron JS

https://livecodestream.dev/post/2020-11-15-how-to-build-desktop-applications-using-electron-the-right-way/

---

Menggunakan NeDb untuk database lokal di dalam aplikasi Electron JS

https://dev.to/ctxhou/local-data-storage-for-electron-2h4p

---

Latihan sederhana membuat aplikasi menulis Markdown dengan Electron JS

https://dev.to/amit_merchant/build-a-full-fledge-markdown-app-with-electron

---

Latihan membuat aplikasi desktop dengan Vue Gridsome dan Electron JS

https://dev.to/dnature/build-a-desktop-app-with-gridsome-and-electron-1ael

---

#electron #gridsome #desktop

Latihan dari channel Coding with Justin membuat aplikasi desktop dengan Electron JS dan React JS

https://youtu.be/oAaS9ix8pes

---

Panduan dasar atau handbook penggunaan React JS bagi pemula

https://www.freecodecamp.org/news/react-components-jsx-props-for-beginners/

---

Latihan membangun aplikasi kerangka React JS dengan aplikasi CLI Create React App

https://www.freecodecamp.org/news/how-to-build-a-react-project-with-create-react-app-in-10-steps/

---

Latihan dasar dan berseri pengenalan React JS dan Electron JS bagi pemula.

https://codeburst.io/electron-react-js-build-a-native-app-with-javascript-part-2-8af530ca17c4

---



#desktop #electron #react #cra

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 membuat aplikasi desktop dengan NW JS

https://blog.logrocket.com/creating-cross-platform-apps-nw-js/

#desktop #nwjs

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

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

Lama Dev merilis latihan panjang membuat aplikasi blog fullstack JavaScript dengan React, Node JS, dan MySQL database.

https://youtu.be/0aPLk2e2Z3g

---

Beberapa konsep JavaScript yang perlu dipelajari sebelum menggunakan React JS

https://www.freecodecamp.org/news/javascript-concepts-you-should-know-before-learning-react/

---

Latihan membuat table component dengan React JS

https://blog.bitsrc.io/how-to-build-a-react-table-component-69b101f3ea08

—-

Membuat aplikasi desktop dengan React JS dan Tauri JS

https://betterprogramming.pub/building-cross-platform-desktop-applications-with-tauri-part-ii-8d6ad1927093

#mern #nodejs #mysql #react #table #concept #desktop #tauri

Mengambil gambar dan video dengan bantuan library react webcam

https://blog.openreplay.com/capture-real-time-images-and-videos-with-react-webcam/

—-

Menambah RSS Feed pada Next JS

https://blog.logrocket.com/adding-rss-feed-next-js-app/

—-

Membuat aplikasi desktop dengan Next JS dan Tauri JS

https://www.freecodecamp.org/news/build-a-cross-platform-app-with-next-and-tauri/

---

Beberapa tools untuk pemrograman dengan React JS

https://javascript.plainenglish.io/12-useful-react-tools-to-make-you-more-productive-319b28d3e63a

---

#react #tools #nextjs #tauri #desktop

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

Latihan membuat aplikasi desktop dengan Electron JS

https://blog.openreplay.com/building-desktop-apps-with-electron/

#desktop #electron

Latihan membuat aplikasi Desktop dengan Vue JS dan Electron JS

https://www.youtube.com/watch?v=qiXWFHMFb7A

—-

Menyimpan state data di Vue JS pada URL

https://dev.to/jacobandrewsky/using-url-to-store-state-in-vue-275c

---

Cara menerapkan prinsip SOLID di Vue JS

https://medium.com/@moein.mirkiani/solid-principles-in-vue-29ecc988f968

—-

Cara melakukan error handling di Vue JS

https://levelup.gitconnected.com/frontend-api-error-handling-in-vue-js-best-practices-and-techniques-4afa1fa7e6d7

—-

Mengenal beberapa design pattern di Vue JS

https://medium.com/@techsuneel99/design-patterns-in-node-js-31211904903e

—-

Melakukan unit testing di Vue JS dengan Vue Test Utils

https://beginnersoftwaredeveloper.com/learn-to-use-vue-test-utils-with-vue-test-examples/

---

#vue #desktop #testing #state #pattern

Building a desktop app with JavaScript

https://dev.to/opensourcee/building-a-desktop-app-with-javascript-4lge

---

Master the JavaScript Event Propagation

https://javascript.plainenglish.io/master-the-javascript-event-propagation-7080736cda6f

---

Learn JavaScript by Building 21 Projects – a Major freeCodeCamp Curriculum Upgrade

https://www.freecodecamp.org/news/learn-javascript-with-new-data-structures-and-algorithms-certification-projects/

---

Design Systems with Web Components

https://dev.to/codingcatdev/design-systems-with-web-components-cog

#desktop #freecodecamp #event #propagation #webComponents