Image for post
Image for post
Photo by Martin Damboldt from Pexels

Every good programmer should know this famous Robert C. Martin concept “Good architecture allows us to delay making serious decisions as long as possible”. This quote should be taken into consideration every time an architectural decision is being made. It is especially important in today’s frontend development where everything is rapidly changing. There are new JavaScript frameworks being made every week, trends differ from day to day. The era of the Agile nourishes this type of development and raises the level of difficulty in designing an application. …


Image for post
Image for post

When it comes to the Smart and dumb component pattern you can easily find a lot of articles that cover this subject. There is a great one from Dan Abramov dated March 2015! So the concept isn’t new. It was originally presented as an architectural design for React applications, but later on, it was applied to all modern frameworks which are built around the component pattern. So it is not surprising that Angular has its own version. Let’s take a closer look at this pattern in a more specific environment, so in a big enterprise-scale application.

Enterprise application

Enterprise-scale applications are a…


Image for post
Image for post
Photo by Francesco Ungaro from Pexels

At the beginning of the creation of the Angular framework, the angular team made a great choice by going with the component pattern. Based on what is going on in the JavaScript world this a direction all the big players are taking (Vue, React, Svelte). The component seems to perfectly fit the nature of HTML itself. This global movement caused components to be the focal point of the angular framework and that is why they are one of the most complex features of it. You can easily say they are the backbone of every application. …


Image for post
Image for post

Recently I came across this strange bug in one of my applications. I had a service that in my mind was a singleton in the scope of the whole application. It was a basic service that holds part of the application state (built with Subject, so all subscribers get changes in a reactive way). The bug which I was trying to find was a common one. What I mean by that is that when I tried to set a value on this service, not all subscribers were notified about it. When I started debugging I figured out in no time…


Image for post
Image for post

Generic UI — jQuery plugin is very simple to use. All you need to do is create an Html element with an id. Than call guiGrid function on it and specify required configuration: columns and source data. Below is a basic presentation of the grid with just three columns and three items.


Image for post
Image for post

In this guide, we will cover how quick and easy it is creating your first Generic UI Grid in the Angular CLI project.

First, you need to make sure you have node and npm installed on your system. You can check your node version and npm version by typing this in your terminal:

node -v
npm -v

If you do not have the NodeJS platform installed you can do so by following its official guide on nodejs.org.

Installing Angular CLI

Now that you have a node on your system, we can install Angular CLI using the npm package manager:

npm install -g @angular/cli@8.0.0

Creating an Angular CLI project

Luke

Software engineer, passionate about best practices, patterns and architectures for modern web development, open-source creator, Angular & TypeScript enthusiast

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