Web-components in angular using angular elements

Hi Friends,

In this section, we are going to talk about angular elements. Angular elements is extremely helpful in building cross framework components. Consider a case where you are writing any shared library in angular and you would like to use the same in react. Initially, cross framework communication was pain. But with the introduction of angular elements, its fairly simple and easily achievable. In a nutshell it means something like

Web components are a set of web platform APIs that allow you to create new custom, reusable, encapsulated HTML tags to use in web pages and web apps. Custom components and widgets build on the Web Component standards, will work across modern browsers, and can be used with any JavaScript library or framework that works with HTML.

Web components are based on existing web standards. Features to support web components are currently being added to the HTML and DOM specs, letting web developers easily extend HTML with new elements with encapsulated styling and custom behavior.

Source:-https://www.webcomponents.org/introduction

  Continue reading “Web-components in angular using angular elements” »

165 total views, 8 views today

Mobile Framework, which one you will pick? React Native or Flutter or Ionic or NativeScript or PWA

How mobile frameworks fare? What are the differences? Which one you should pick? How’s performance for each of these options? Let’s do certain comparisons.

All these technologies allow you to build real native mobile apps for both iOS and Android. Here you’ll use JavaScript (for React Native, NativeScript and Ionic) and Dart (for Flutter). Hence you’re able to create native apps for both platforms with one language.

Let’s discuss how these technologies differ.

Continue reading “Mobile Framework, which one you will pick? React Native or Flutter or Ionic or NativeScript or PWA” »

244 total views, 6 views today

.Net Core 2.1 Version is here

Hi Friends,

Thought to share new .Net Core 2.1 version features. Its announced now. And it has got some cool features. First of all to update the existing one, you need to have updated Visual Studio 2017 with 15.7 Preview 1 or newer. Once those updates, in place then you can install the utility directly from this page https://www.microsoft.com/net/download/dotnet-core/sdk-2.1.300-preview1.

Continue reading “.Net Core 2.1 Version is here” »

429 total views, 5 views today

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” »

609 total views, 12 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” »

970 total views, 20 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” »

298 total views, 5 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” »

523 total views, 1 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” »

632 total views, 3 views today