Differential Loading Angular 8 takes advantage of Differential loading by default. It is a process by which the browser chooses between modern or legacy JavaScript based on its own capabilities. Differential Loading Angular 8 replates Angular 7’s custom loadChildren syntax with industry-standard dynamic imports. Web Worker Support You can now generate new web workers from the CLI. […]
The purpose of this article is to explain a simple way to set the Firebase Firestore security rules to allow users to only CRUD their data and not everything else. Let’s say you have 2 collections and one of them is “users” with user data and the other one is called “todos” for documents owned
Angular CLI Angular-CLI is updated to prompt and guide the user while creating new apps. While creating a new Angular application, the Angular CLI will prompt the user to select if they want to add features like Angular routing or the format of the stylesheet they want to use in their application. A new Bundle
Creating the App To create an Angular app, you first need to install NodeJs and its packet manager NPM. NPM will help you install all the other necessities on your machine. Most important tool is Angular CLI for this task. You can install Angular-CLI globally on your machine with the command `npm install -g @angular/cli`
ng add command ng add is a new command in Angular-CLI that helps you install and download new packages in your angular apps. It works the same as npm, but it doesn’t replace it. ng update command ng update is a new Angular-CLI command too. It’s used to update and upgrade your packages. It’s really helpful, for
Let’s say you have a JSON file in the root directory that you don’t want to be included in the compilation but copied over to distribution. In other words, you would not want this file to be combined with another file, modified or reduced in any way, but still included and presented in the angular
If you ever try to deploy an Angular app to a subfolder in your server, you will see that your app will end up with a white screen of death on your main root. There are 2 main issues; The base tag and LocationStrategy. First part of the fix: The base tag The HTML <base href=”…”/> specifies a base path for
The good news, Angular has really good support for lazy loading with 2 preloading strategies by default. Default basic angular lazy loading greatly increases the initial load time of the application. With PreloadAllModules loads all modules in the background. While the lazy loading style keeps the core starter pack small at first load and it
Angular has many features that allow us to configure applications to be as fast and high-performance as possible. One of the critical features that enable responsive, quick Angular apps is the ability to lazy load code with the Angular Router. In other words, Angular’s ability to delay code loading with the angular router. The idea
When you are ready to deploy your Angular application to a remote server, you have various options for deployment. Basic deployment to a remote server For the simplest 3 steps deployment, create a production build and copy the output directory to a web server and configure the server to redirect requests for missing files to index.html.
