In this segment, we will talk about how to load and run different web components at the same time. In this way, on the off chance that you all are not comfortable with custom components, you can check my blog around that http://bit.ly/ng-elements. Presently, it sounds like clever what is big manage numerous custom-components, on the off chance that it can work single custom component then it can work with various custom components also. Be that as it may, this isn’t the situation. When, you consume second part, you will get “Zone already loaded” kind of error.
In this section, we’ll start with Windows IOT Core. Let’s get started with Windows 10 IOT core and the raspberry pi 3. Therefore, let’s jump right in and talk about equipment. The first thing you’re going to need is a Raspberry Pi 3. You’re also going to need a 5 volts micro USB power cable and a micro SD card. The minimum requirement for Windows 10 IOT core is 8 gigabytes, but windows team highly recommend 16 gigabytes. Here I am using 32 GB card.
This is the hard drive for your Raspberry Pi and all of your apps your files your storage and the operating system. I am on Windows 10 PC all the coding happens on here and is and is used to connect to the Raspberry Pi. Here don’t really need monitor unless you are doing any UI application.
In this section, we will talk about angular console from nrwl team. You can download the exe from https://angularconsole.com/#download. This is fairly easy, easy to use console experience for everyone like for experienced developers or for beginners. Simple advantage of using this is you know you don’t need to remember CLI commands always rather than you can GUI help to fix it for you. Having said that, let’s get started. Here you can download your own version say
In this section, thought to introduce you the idea of hosting multiple SPAs under PWA. This kind of scenario will be useful, wherein you are having multiple spa scenario and each app can’t be a PWA basically. Hence, to keep all the apps under one roof, we can have root app as PWA and child apps which are individual angular apps can remain like that only. Now, if you don’t know how to get started with PWA, in that case, please refer to my earlier post around the same http://bit.ly/ng-6-pwa.
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 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.
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.
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.
Disclaimer:- This blog is only useful for those whose angular application is still based on old system-js-gulp example.
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.