When we build our Angular application in prod mode the HTML is not minify yet and we can improve more by minify it to reduce bandwith to download application. Today I will show you guys how to do it with a few simple steps. Before we begin we need to install 1 package name html-minifier… Read More Minify html content for Angular
When working with all software program we always want to make sure that everything work as expected by writing unit test. Today I will show you guys how to setup your angular unit test result to Azure devops build pipeline. In order to export the test result in angular you need to have karma-junit-reporter First… Read More Publish Angular Unit test result with Azure pipeline
Working with Angular we have a set of rule to follow to bring best coding convention for our Angular code base. So I just want to say thank to the team of Angular, Typescript and TS lint for what you guys have done for the community. But the founder of the TS lint already anouce… Read More Migrate from tslint to eslint with Angular 9
When upgrade project to Angular 9 I found out few cool tip and I would like to share with you guys. You can target the build 1 or 2 version of ecmascript: What I mean is by default Angular 9 build 2 version (1 is es2015 and 1 for es5). In your tsconfig.json you can… Read More Small tips when working with Angular 9
Today I will show you guys how to integrate NGX-translatet to Angular 9 for lazy load module approach in Angular 9 To install package simply type this in console Next in our app.module.ts we need to register like this We need to setup like this to let NGX-Translate download the translation file when we bootstrap… Read More Translation for lazy load module in Angular 9 with NGX-Translate
Running build and add unit test to make a code work as expected is software best practise. Nowadays their are a lot of build tools out there to help developer like more easy. One one the most common way is applied is running the build before we deploy to testing enviroment. Today I will show… Read More Run ng test in build pipeline
Today I’m gonna show you guys how to create angular version with specific version without touching the global angular/cli version It’s pretty simple just make sure you have LTS version of NodeJs because we are gonna need the NPX. If you havent update your NodeJs version head over to their website here Then run With… Read More How to Create a specific version of Angular Project using CLI
When building web application we can access to build in web API of the browser. Today I will show you guys how to detect connection speed using build in navigator API of brower The first line of code I’m trying to access connection property using navigator.connection. We need to check conn object is exist or… Read More Detect if user have good internet connection in Angular
When working with SPA we cant track user behavior and how they interact with our application so luckily Micrsoft’s developers @microsoft/applicationinsights-web Side note: The code sniipet I provide here is inspire by the code I found on github and I made some modification to make it more clean. The code is pretty straight foward first… Read More Angular with Azure App Insights
When using with ES or Typescript project we will have problem when we import a lot of library or module so sometime we may import redundant code. So as a developer we always want to make our code clean and easy to maintain. Today I will show you guys how to remove unused import in… Read More Auto remove unused import in typescript
Tony's Tech & Language Blog 