Angular & WebAssembly
What is Web Assembly? WebAssembly (Wasm) is a new way to run code on the web.It is a binary instruction…
AOT and JIT Compiler in Angular ?
An angular application mainly consists of HTML templates, their components which include various TypeScript files. Whenever we run over an…
How to build dynamic theme with CSS Variables ?
The above gif is the challenge we are going to conquer. Main tasks are: Have two squares, one reflecting primary…
How to emit an event from parent to child component?
Usually we use @Output() and EventEmitter (from Angular/core) to emit an event to parent component. @Output() addTab = new EventEmitter<any>(); ...…
Using an SVG sprite icon system in Angular
I used to work with icon-fonts, much time. Lots of projects ( Site or applications) really need a system for…
How to use debounceTime in angular ?
debounceTime delays the values emitted by a source for the given due time. If within this time a new value arrives,…
How to integrate Electron ipcRenderer into Angular app based on TypeScript?
Let´s say we want to use ipcMain / ipcRenderer on our project to communicate from Angular to Electron and back. The Electron side look…
Build Progressive Web App (PWA) with Angular
Let´s use the most recent version of Angular (currently version 12) to build a Progressive Web Application (PWA) that works…
How to kill/terminate the process on specific port ?
Let´s say we have this warning “Port 4200 is already in use” when running the ng serve command“. And all…
How to add class to your host element in Angular
There are different ways to solve that, depending of the situation or what we want to achieve. Solution A :…