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
When working with React Js if we want to have routing we would need to use react-router-dom but that would lead us to an issue. This post I will address issue that ReactJS have when we refresh page with lead to Cannot GET/ error and also we will add catch all error handler in case… Read More Handle 404 error and catch all route in React JS with Webpack
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
Develop software can easily lead to darkest path if we dont follow stricly coding convention every day. So before we commit our code we should run code standard checking to make sure our code is always in good shape. Today I will show you guys how to set up precommit hook without pain using husky… Read More Add pre commit hook to your git project
In my daily task I often encountered with the need to parse to between an enum to string and in the opposite So in today short post I will provide a way for you to do that without pain. First we have an enum like this So what if I want to access the number… Read More Working with enum in Typescript
Tony's Tech & Language Blog 