Frontend Engineer @ Backbase

Skyrocket the performance of your Angular app by enabling SSR and PWA

TL;DR What are SSR and PWA? Why would you want to enable SSR and PWA for your application? Well, if you want a fast and high-performance solid app that also supports working offline + SEO you should start considering using them.

Photo by SpaceX on Unsplash

For the ones who see any of those terms the first time, would be better to start with some explanation.

What is Server-Side Rendering

Server-side rendering (SSR) is the process of rendering web pages on the server and passing them to the browser (client), instead of rendering them in the browser. …


Boost quality, maintainability and readability of your code

TL;DR Why would you bother to write pure functions? Do you really need to establish high cohesion and low coupling? Well, if you want a clean and high-quality code that has easy maintainability you must. Period.

Photo by ThisisEngineering RAEng on Unsplash

For the people who sees any of those terms for the first time, it would be better to start with the meanings. Please keep in mind that I will try to explain the concepts from the aspect of Object-Oriented Programming (OOP). What do I mean by that? For instance, I will refer to classes, not modules.

Pure function:

In software engineering, a pure function is a…


I am sure most of you have encountered a problem that made you use ViewChild to come up with a solution. I am not going to explain what ViewChild does in Angular. Just to give an idea for novices, it is a method to pass data from child to parent component. For more information, you can visit this link from the official documentation of Angular 👇:

In one of my assignments, I also had to use ViewChild decorator as a private variable in my component. And things started getting muddled when it came to writing unit tests. …


This article mainly focuses on the configuration in VSCode.

It would be nice, to begin with, a nice quotation: “There is sometimes an incorrect assumption that the parser itself is what does everything necessary to facilitate the use of ESLint with TypeScript. In actuality, it is the combination of the parser and one or more plugins which allow you to maximize your usage of ESLint with TypeScript.

If you decided to make your life easier you may want to use Prettier for your project. Or some of you do not like the way Prettier formats and want to work with ESLint. Which one should you choose? Prettier? ESLint? …

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store