Menggunakan fitur Budgets di Angular CLI untuk membatasi dan memberi peringatan dari ukuran file hasil build mode produksi. Agar tidak melampaui batas ukuran file yang ditentukan oleh Budgets.

https://medium.com/@tomastrajan/how-did-angular-cli-budgets-save-my-day-and-how-they-can-save-yours-300d534aae7a

#angular #build #cli #budgets

Build Tools baru bernama Pika Pack, untuk membungkus library atau package atau dependency sebelum dipublikasikan atau didistribusikan

https://www.pikapkg.com/blog/introducing-pika-pack/

#pika #pack #library #build

Mempercepat waktu build project Angular di CI/CD dengan caching dependency

https://medium.com/vendasta/how-to-speed-up-angular-build-times-with-caching-5856d369de88


#angular #build #ci #cd

Latihan menggunakan Nuxt JS dan GraphQL dengan bantuan Hasura API

https://www.netlify.com/blog/2020/10/26/graphql-with-hasura-and-nuxt/

---

Mempersingkat waktu build Nuxt JS dari 30 menit menjadi 1 menit dengan beberapa tips di bawah ini

https://dev.to/lukeocodes/make-nuxt-js-go-brrrrrrrr-30-minute-to-1-minute-builds-on-netlify-f6e

---

Membuat aplikasi dengan component penghitung jumlah like dengan Nuxt JS , Fauna Db , dan hosting ke Netlify

https://dev.to/davidtparks/build-a-like-counter-with-fauna-netlify-and-nuxt-m7

---

Daftar tools , component , dan library penting untuk pengembangan aplikasi web dengan Vue JS

https://www.smashingmagazine.com/2020/10/useful-tools-vue-javascript-web-development/

---

Membuat sitemap untuk aplikasi Nuxt JS dengan konten routing yang dinamis

https://dev.to/andynoir/sitemap-for-dynamic-routes-in-nuxtjs-4b96

---

#nuxt #vue #graphql #optimization #build #tools #netlify #faunadb #hasura #graphql

Programming With Erik merilis latihan menggunakan Snowpack Build tools untuk membuat aplikasi web Vue JS 3.x yang lebih ringan dan cepat. Lalu dilakukan komparasi dengan Vue Vite build tools.

https://www.youtube.com/watch?v=6i7oMANRfMs

---

Latihan pengenalan Vue Vite build tools yang menjadi alternatif dari Vue CLI

https://vuejsdevelopers.com/2020/12/07/vite-vue-cli/

---

Latihan dari John Papa Pengenalan Vue JS 3 dan tips migrasi dari Vue JS 2

https://johnpapa.net/vue2-to-vue3/
https://dev.to/john_papa/migrating-vue-2-to-vue-3-2ial
---

Latihan menggunakan Vue Testing untuk pengujian aplikasi Web Vue JS

https://www.smashingmagazine.com/2020/11/vue-applications-vue-testing-library/

---

Tips menggunakan Router di Vue JS yang bersifat generic dan otomatis membuat router dari pages component di Vue JS

https://itnext.io/vue-tricks-smart-router-for-vuejs-93c287f46b50

---

Komparasi fitur antara Vue JS 3 dengan React JS 16.x

https://medium.com/js-dojo/vue-3-vs-react-learn-by-doing-d958b4d17e36

---

Latihan menggunakan Parcel JS sebagai module bundler dari Vue JS

https://levelup.gitconnected.com/have-you-tried-parcel-for-your-vue-projects-f188f7a5c08a

---

Membuat modal dialog slide up seperti tampilan di perangkat Apple iOS

https://itnext.io/how-to-create-apple-like-slideup-panels-in-vuejs-d0d74438139d

---

Cara deploy aplikasi Vue JS ke layanan Netlify

https://medium.com/javascript-in-plain-english/how-to-deploy-your-vue-js-app-to-netlify-8f9b96260e97

---

Contoh penggunaan State Management Vuex di Vue JS 3.x

https://dev.to/ghalex/state-management-in-vue-3-57c9

---

#vue #snowpack #vite #programmingWithErik #parcel #build #vuex

Komparasi module bundler antara Snowpack dengan Vite

https://blog.logrocket.com/vite-vs-snowpack-a-comparison-of-frontend-build-tools/

#bundler #build #snowpack #vite

Catatan rilis Angular versi 12 yang telah tersedia dan dapat dicoba

https://blog.angular.io/angular-v12-is-now-available-32ed51fbfd49
—-

Tidak lupa terdapat pembaruan juga untuk development tools yang bernama Nx dari Nrwhl. Yang membuat pengembangan Angular dan Nest JS semakin nyaman

https://blog.nrwl.io/incremental-build-improvements-angular-12-distributed-task-execution-and-more-in-nx-12-3-48b5e4722056

---

Memahami cara kerja Dependency injection di Angular

https://blog.logrocket.com/how-dependency-injection-works-in-angular/

---

Beberapa cara untuk optimasi hasil build Angular sehingga memiliki ukuran yang lebih kecil

https://javascript.plainenglish.io/angular-how-to-improve-your-bundle-size-1cda25cfd815

---

Latihan menggunakan state management NGXS di Angular

https://betterprogramming.pub/angular-state-management-with-ngxs-8b17719def29

#angular #build #bundler #release #dependencyInjection #ngxs #statemamagement

Beberapa fitur baru yang telah tersedia pada build tools yang bernama Vite JS

https://blog.logrocket.com/whats-new-in-vite-2-0/

#vite #build #bundler

Tips melakukan build production di Angular dengan lebih cepat

https://netbasal.com/make-your-build-faster-in-angular-v12-ca041b37946e

---

Cara mengirim data antar component di Angular

https://javascript.plainenglish.io/sharing-data-b-w-angular-components-efdc858fd970

#angular #build #component

Menjalankan folder hasil build React JS /dist dengan bantuan Express JS

https://javascript.plainenglish.io/how-you-can-serve-react-js-build-folder-from-an-express-end-point-127e236e4d67

#express #build #react

Membuat accordion component dengan React JS

https://www.sitepoint.com/react-js-accordion-component/

---

Belajar membuat tabs component di React JS

https://dev.to/josephciullo/mastering-react-design-patterns-creating-a-tabs-component-1lem

---

Optimasi performa build di Next JS

https://blog.logrocket.com/optimizing-build-performance-next-js/

---

Menggunakan Firebase Authentication di React JS

https://blog.logrocket.com/passwordless-authentication-firebase-react/

#react #nextjs #firebase #accordion #build

🙌 7 Tips to Build Your GitHub Profile Like a PRO 🚀

https://dev.to/quine/7-tips-to-build-your-github-profile-like-a-pro-38bg

#tips #build #github #profile

Build Docker images faster using build cache
https://dev.to/kylegalbraith/build-docker-images-faster-using-build-cache-4bk4

#docker #build #cache

Understanding Jamstack: A Modern Web Development Architecture

https://dev.to/alisamirali/understanding-jamstack-a-modern-web-development-architecture-4i9c

---

How to Use Callback Functions in JavaScript

https://www.freecodecamp.org/news/how-to-use-callback-functions-in-javascript/

---

How to Improve Your JavaScript Code with Powerful Build Tool Configs

https://www.freecodecamp.org/news/improve-your-javascript-projects-with-build-tools/

---

#jamstack #build #callback