Migrating Systemjs-gulp based angular app to angular 6

Disclaimer:- This blog is only useful for those whose angular application is still based on old system-js-gulp example.

Hi Friends,

In this blog, we will continue from the last last post. In last post, we have migrated a normal angular 5 app built on top of webpack to angular 6. That was kind of cake-walk as ng update normally takes care of all the things. Details you can always find in my last post at http://bit.ly/ng-6. Therefore, after the usual steps as covered in the last blog, when I build my app. It gave typescript error and this was expected because I didn’t run Rx-migaration till now. For that first we need to install npm install -g rxjs-tslint. If you are on gulp-systemjs based solution. Then after that, you may get below error.

Continue reading “Migrating Systemjs-gulp based angular app to angular 6” »

1,656 total views, no views today

Migrating your app to Angular 6

Hi Friends,

In this section, we are going to talk about migrating your app to angular 6. Again, there may be extra separate steps while upgrading depending on current stack of angular. Say if you are using systemjs and gulp in your project, then migration would be little different than the usual one. For later approach, I will talk in different post. In this post, let’s start with normal flow.

Continue reading “Migrating your app to Angular 6” »

2,233 total views, no views today

Stackblitz

Hi Friends,

Recently, I was trying to code online itself. Although, plnkr is there. But, as far as VSCode like experience is concerned, other editors lags heavily. And, let’s suppose you are remote or may be you don’t have access to vscode and wanted to quickly present any demo or prototype any solution. How do you do that?

Continue reading “Stackblitz” »

614 total views, no views today

Compodoc – Documentation tool for angular application

Hi,

In this post thought to share one of the tools which I use always for keeping my angular app document ready as well. You must have worked with other frameworks where in it can read your API comments and generate proper documentation out of the box. In case of angular, this feature comes live with the help of https://github.com/compodoc/compodoc. This is open source project with really cool themes to suit your need. Either you can install this tool globally and use the same in the project or you can have the same locally installed.

Continue reading “Compodoc – Documentation tool for angular application” »

834 total views, no views today

HTTP Client usage in Angular

In this section, thought to talk about HTTP-Client usage in angular and how its different from existing HTTP Module. It has RxJS Observable-based API. It means that the multiple calls to the HTTP module will return an observable, which we need to subscribe.

Salient Features:-

  • If we don’t subscribe to these observables, it won’t work.
  • If we subscribe multiple times to these observables, multiple HTTP requests will be triggered.
  • If HTTP request is successful, it will emit only one value and then complete
  • If HTTP request fails, then these observables will emit an error.

Continue reading “HTTP Client usage in Angular” »

845 total views, no views today

Building Single Page App using ASP.NET Core and Angular

Amazon Link:- http://bit.ly/spa-asp-core

You can also find Chander’s View about the book here http://bit.ly/chander-spa.

Hi Friends,

Thought to share my latest project in collaboration with Chander Dhall.  Chander and I started discussing on this project couple of months back and thought to collaborate in the project which is going to give more meaningful and professional product as an end result. Before talking anything about this book, I would like to put one disclaimer ahead of time. “This book doesn’t mean for freshers or for those computer professionals” . This I am saying because this book uses tons of client/server and many more sophisticated concepts which may appear overwhelming to freshers or to those just started programming. This book is all about how to marry all these technologies together and come out with a final industry standard product. Hence this book is meant for professionals who are good with basics at least. Having said that, now let me give glimpse of the book with complete first chapter.

Continue reading “Building Single Page App using ASP.NET Core and Angular” »

2,611 total views, no views today

Running Multiple Angular SPA using NRWL

Hi Friends,

In this section, we will talk about handling multi-spa scenario with one of the libraries provided by NRWL team. An Nx workspace is pretty much same as angular cli. Main advantage of this, it supports multiple angular application in a single repo. The @nrwl/schematics scope package comes with a binary for running the schematics for generating new workspace. We can start with installing npm i -g @nrwl/schematics.

Continue reading “Running Multiple Angular SPA using NRWL” »

2,409 total views, no views today

Site Cannot be installed: No Matching Service Worker expected – PWA

Disclaimer:- This post is for those guys, who have been working with PWAs.

In this section, thought to talk about one issue, which I faced while developing my first PWA (Progressive Web App). Although, I have not spoken about how to get started with PWA in any posts so far. But, will talk about the same in coming days.

Continue reading “Site Cannot be installed: No Matching Service Worker expected – PWA” »

1,238 total views, no views today

Build and Deploy Angular App to Azure from Github via KuduScript

Hi Friends,

In this section, I thought to share deploying any app to Azure via Github. Building app and pushing the same on Git is no brainier. But, deployment on Azure is bit tricky here.

Continue reading “Build and Deploy Angular App to Azure from Github via KuduScript” »

3,330 total views, no views today