Latihan membuat forms dengan Chakra UI di React JS

https://blog.logrocket.com/how-to-create-forms-with-chakra-ui-in-react-apps/

---

Latihan course panjang pengenalan React dengan GraphQL

https://www.freecodecamp.org/news/the-react-graphql-2020-crash-course/

#react #chakraUI #form #graphql #nodejs

Membuat Dark dan Light Theme dengan Tailwind CSS dan Nuxt JS

https://medium.com/better-programming/dark-and-light-themes-with-tailwind-css-and-nuxt-js-2ffd2178aad5

—-

Panduan penggunaan Dark Mode dalam desain aplikasi web
https://medium.com/better-programming/a-better-approach-to-dark-mode-on-your-website-dadbe8c55b40

——

Latihan membuat blog dengan Nuxt JS dan Nuxt Content

https://dev.to/lauragift21/build-a-blog-using-nuxt-js-content-module-37dc

—-

Menambahkan Chakra UI ke dalam Nuxt JS

https://dev.to/easybuoy/setting-up-chakra-ui-vue-with-nuxt-268m

—-

Konfigurasi ESLint dan Prettier dengan Nuxt JS

https://dev.to/samydoesit/nuxt-using-prettier-eslint-with-standardjs-rule-set-3he8

—-

Membuat daftar RSS Feed dengan Nuxt Content

https://dev.to/lindakatcodes/building-an-rss-feed-in-nuxt-with-nuxt-content-2eh9

—-

Latihan deploy Nuxt JS ke Digital Ocean
https://dev.to/dawntraoz/how-to-deploy-a-nuxt-full-static-site-in-digitalocean-4l73

#nuxt #nodejs #darkmode #tailwind #css #digitalocean #nuxtContent #chakraUI

Beberapa fitur baru di Vue JS 3 yang menarik untuk dicoba dan diimplementasikan

https://dev.to/daiyanze/vue-3-new-features-summary-2cie

---

Membuat aplikasi desktop penjadwalan waktu dengan Vue JS , Electron , dan Node Scheduler

https://dev.to/nickgottschlich/how-to-create-a-scheduler-with-with-electron-vue-and-node-schedule-33ib

---

Cara memanggil Axios Http Request dari Vuex Store

https://dev.to/ljnce/how-to-call-api-from-axios-in-vuex-store-2m3g

---

Cara menambahkan Chakra UI ke Vue Nuxt JS

https://dev.to/easybuoy/setting-up-chakra-ui-vue-with-nuxt-268m

#vue #vue3 #electron #nodejs #scheduler #chakraUI #nuxt

Cara deploy aplikasi Vue JS ke Github Pages

https://blog.logrocket.com/build-deploy-vue-js-app-github-pages/

---

Komparasi antara build tools Vue JS seperti Vite , Vue CLI , Poi, dan Bili

https://blog.logrocket.com/comparison-of-vue-js-build-tools/

---

Cara memasang Chakra UI ke aplikasi Vue JS

https://blog.logrocket.com/using-chakra-ui-in-vue-and-nuxt-js-applications/

#vue #github #pages #buildTools #vite #vueCli #poi #bili #chakraui

Latihan panjang membuat aplikasi kompresi file ke format Gzip dengan MEVN stack dan Node JS

https://blog.logrocket.com/build-a-file-compression-application-in-node-js-and-vue-js/

---

Latihan membuat sistem Authentication dengan Adonis JS , Vue JS, Nuxt JS , JWT JSON Web Token , dan Node JS

https://www.digitalocean.com/community/tutorials/implementing-authentication-in-nuxtjs-app

---

Membuat aplikasi mobile dengan Vue JS dan NativeScript

https://blog.logrocket.com/building-native-mobile-apps-with-nativescript-vue/

---

Membuat halaman daftar harga Product Pricing dengan Vue JS dan Chakra UI components

https://blog.logrocket.com/build-a-saas-product-pricing-component-in-vue-with-chakra-ui/

---

Cara menambahkan Stripe Payment di Vue JS

https://levelup.gitconnected.com/using-stripe-components-in-a-vue-app-with-typescript-146c008ed017

---

Membuat dynamic forms dengan Vue JS

https://levelup.gitconnected.com/add-dynamic-forms-to-your-vue-app-609de4005a2b

---

#vue #nodejs #mevn #gzip #nuxt #auth #express #adonis #jwt #chakraui #pricing #nativescript

Latihan menggunakan Chakra UI ke dalam component Next JS

https://www.freecodecamp.org/news/how-to-use-chakra-ui-with-next-js-and-react/

---

Daftar referensi template aplikasi React Native untuk aplikasi pemesanan makanan seperti Ubereats, Gofood , atau Grabfood

https://kriss.io/top-5-react-native-ubereats-clone-template-2020/

---

Membuat aplikasi kamera dengan Expo dan React Native

https://www.freecodecamp.org/news/how-to-create-a-camera-app-with-expo-and-react-native/

---

Referensi beberapa library React Hooks untuk React JS

https://dev.to/bornfightcompany/top-10-react-hook-libraries-4065

#chakraui #nextjs #reactnative #ubereats #expo

Membuat Gallery gambar dengan Next JS, Chakra UI, dan Pexels API

https://www.freecodecamp.org/news/build-an-image-gallery-with-nextjs/

---

Beberapa hal baru pada rilis Next JS versi 10

https://blog.logrocket.com/whats-new-in-next-js-10/

---

Cara penggunaan plugin Markdown MDX untuk Next JS

https://nextjs.org/blog/markdown

---

Referensi beberapa kerangka proyek atau boilerplate untuk Next JS kombinasi dengan Node JS

https://blog.bitsrc.io/top-nextjs-boilerplates-for-2021-faa59048c660

—-

Latihan menggunakan modul Next Auth untuk sistem notifikasi sederhana di Next JS

https://medium.com/javascript-in-plain-english/implementing-simple-auth-to-your-next-js-website-using-next-js-auth-e136d77bb333

#nextjs #auth #nextAuth #boilerplate #mdx #markdown #gallery #chakraUI #pexelAPI

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

Latihan membuat aplikasi Quiz dengan React Next JS, Firebase Database, dan Chakra UI

https://www.freecodecamp.org/news/how-to-build-a-quizapp-using-nextjs-chakra-ui-and-firebase/

---

Latihan pengenalan React JS bagi pengembang yang telah menggunakan Vue JS, dari channel Coding With Justin

https://youtu.be/oipl-RXyLTw

---

Latihan pengenalan Vue JS bagi pengembang yang sebelumnya telah mengenal React JS

https://youtu.be/sUH7PDUswio

---

Beberapa alasan kenapa harus pindah atau migrasi ke Next JS dari React JS biasa

https://javascript.plainenglish.io/5-reasons-to-switch-from-react-to-next-js-f776413693d0

#vue #react #firebase #nextjs #chakraui #nodejs #quiz

Latihan panjang sekali membuat aplikasi Fitness Tracker dengan React JS dan Firebase services

https://blog.logrocket.com/create-a-fitness-tracker-with-react-and-firebase/

---

Latihan panjang dari Freecodecamp membuat aplikasi Portfolio dengan React JS

https://www.freecodecamp.org/news/build-portfolio-website-react/

---

Latihan membuat aplikasi pemendek URL dengan Next JS da. Firebase

https://dev.to/okkarmin/your-own-bit-ly-for-a-grand-total-of-0-5hmi

---

Latihan membuat aplikasi Portfolio dengan Next JS dan Chakra UI

https://dev.to/m_ahmad/create-professional-portfolio-website-with-nextjs-and-chakraui-4lkn

---

Contoh sederhana integrasi Next JS dengan Express JS

https://dev.to/alexeydc/express-nextjs-sample-tutorial-integration-485f

#react #nextjs #chakraui #portfolio #firebase #fitnessTracker

Net Ninja merilis latihan penggunaan component Chakra UI pada React JS

https://www.youtube.com/watch?v=iXsM6NkEmFc&list=PL4cUxeGkcC9hcnIeryurNMMcGBHp7AYlP&index=2

Playlist lengkap dapat dilihat disini, dan terus diperbarui setiap waktu

https://www.youtube.com/playlist?list=PL4cUxeGkcC9hcnIeryurNMMcGBHp7AYlP


#chakraUI #react #netninja

Latihan sederhana menggunakan Chakra UI di dalam React JS

https://medium.com/codingthesmartway-com-blog/how-to-use-chakra-ui-in-react-apps-67e5dda9416f


#chakraUI #react

Menggunakan Open AI API untuk ekstrasi kata kunci keyword tertentu dari suatu teks menggunakan React dan Chakra UI, bersama Traversy Media

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

#traversyMedia #react #chakraUI #openAI #chatgpt