During this lock-down period; I spent some time writing one full stack project using ASP.NET Core and Angular 9 with other best practices as explained below. I hope you like it.
Warning and Disclaimer
Every effort applied to make this project complete and accurate to the topic, but no warranty is implied. Any implementation in this project are MY OWN and also borrowed from best practices segment. ALL content presented AS-IS, for learning purposes only. Author will not be liable for any loss or damages arising from the information presented in this project. This also involves stripe implementation. Just use test card as explained in readme not actual card. Incase, if any amount get deducted from actual card, author won’t be responsible for any loss or damage.
In this section, I will discuss more on angular playground, which is recently released. Generally, when we work on enterprise apps with many components, directives, pipes etc. Therefore, even for small change you need to load the whole app and do bunch of testing. And this becomes more frustrating when you need to do more iterative changes. For these cases, Angular playground has been introduced.
I have distributed one generator for Angular CRUD application. This application can be stretched out to accommodate your need. Numerous a period I found that at whatever point I am testing or composing any new application, I need fundamental muck thing first set up. Furthermore, this is somewhat reiteration of same things, consequently chose to offload this stuff with some nonexclusive utility. Subsequently, chose to distribute the equivalent on npm as yeoman generator. You can refer the same https://www.npmjs.com/package/generator-sample-crud-angular.
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 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.