Angular03

Salah satu optimization yang perlu dilakukan sebelum aplikasi digunakan dalam production mode adalah mengenai compilation. Ada dua macam yaitu Ahead of Time (AoT) dan Just in Time (Jit) compilation. Seperti yang kita pahami, aplikasi Angular terdiri dari html template yang isinya hanya dimengerti oleh Angular. Just in Time Kompilasi terjadi pada browser. Jadi dalam aplikasi … Read more

Setelah kita berhasil setup lazy loading pada modul sebelumnya, berikutnya kita dapat mengatur pre-loading lazy loading module. Hal ini berguna jika internet connection jelek. Untuk menggukana pre-load strategi, buka file app-routing.module.ts, tambahkan code dibawah (lihat bagian comment): Perhatian: Anda dapat membuat preloading strategy sendiri, namun ini diluar scope pembahasan tutorial ini.

Setelah selesai memisahkan module berdasarkan fitur pada tutorial sebelumnya, berikutnya kita akan melakukan optimization dengan lazy loading. Misalnya kita memiliki aplikasi seperti diagram dibawah. Jika tidak digunakan lazy loading, saat user mengakses path root, seluruh component untuk path lainnya akan diload juga. Dengan menggunakan lazy loading, pada awalnya kita akan load route component saja. Ketika … Read more

Berdasarkan file project sebelumnya, jika Anda test, maka Ada beberapa fitur yang tidak berfungsi. Misalnya melakukan manage recipe. Hal ini terjadi karena kita baru memisahkan module berdasarkan fitur, sementara module shared belum kita tambahkan. Module shared yang kita miliki adalah seperti directive, alert component dan lainnya. Jadi idenya adalah membuat shared module yang akan mengimport … Read more