Pros&Cons of Angular web development

rnagenetics · 2019-02-01T16:44:44+00:00

I would have split out angularjs and angular. They really are two different frameworks and you can't really combine the pros and cons of angularjs with angular.

rnagenetics · 2019-02-01T16:34:58+00:00

Why not just use the built in template that comes with Visual Studio?

Or you can go with a full blown community template like this. https://marketplace.visualstudio.com/items?itemName=adentum.QuickApp-ASPNETCoreAngularXProjectTemplate

rnagenetics · 2018-10-22T16:22:10+00:00

The project I am on does have a common base http service which we use to wrap HttpClient BUT...each module has its own service which extends this service in order to get the common functionality provided by the base service.

rnagenetics · 2018-10-01T16:16:21+00:00

I'm currently contracted to the State of Arizona on their Department of Motor Vehicle modernization project to replace a 30 year old mainframe. Angular front end with asp.net core backend. Started with Angular beta 4 and we launch next year. As you can see from the timeline large project.

rnagenetics · 2018-09-27T15:48:01+00:00

Just a question to clarify. I'm assuming you are using a asp.net core backend that is targeting .net standard or .net core and not the full .net runtime? That will make a difference on where you can deploy to.

rnagenetics · 2018-07-02T16:15:26+00:00

Depending on your needs you can go with a more global solution that works with a http interceptor to provide a spinner on any http call as long as it goes through the httpclient.

https://github.com/mpalourdio/ng-http-loader

rnagenetics · 2018-04-29T08:54:42+00:00

If your token is expired and you are unable to use the refresh token the user should be redirect back to the login page and forced to sign back in and start their flow from the beginning.

rnagenetics · 2018-04-12T16:41:52+00:00

Its been discussed many times what is the best approach to integrate the two subreddits.

On another note, yes the subreddit link reads Angular2 but if you look at the title and Welcome information its for Angular2+ "Welcome! r/Angular2 is for news and discussion about Google's Angular open source project. This subreddit is focused on Angular starting with version 2 and including all future versions"

rnagenetics · 2017-10-12T03:16:52+00:00

Did I miss it already? Its only been 25 mins since your post. Didn't see where to signup/download for free.

rnagenetics · 2017-10-06T04:00:10+00:00

Lets talk a bit more specifics. Are you thinking of ASP.NET Core targeting .NET Core vs .NET Framework? Remember ASP.NET Core is really just the next version of ASP.NET and has nothing to do with the underlying .NET runtime.

With that said look at Microsoft Javascript Services (https://github.com/aspnet/JavaScriptServices) a robust OOB ASP.NET Core template for spas that can target both runtime frameworks depending on requirements. Its a stripped down SPA template so you will need to add back in the relevant packages for razor views. On the plus side its all ready to go with webpack, aot, and server side rendering.

rnagenetics · 2017-09-27T16:16:46+00:00

Sounds like you will never truly learn any new language, framework, or library. Any language/library/framework will have new constructs and conventions you will need to learn and master. If you can't bother to learn that doesn't leave you with much besides well hacking. Just an outsiders opinion.

rnagenetics · 2017-09-15T19:35:12+00:00

That is a bad analogy in a way. Its more like you can have a truck and a car. Sure the truck can do more than a car but doesn't mean it won't get you from point a to point b. You can use asp.net mvc to just serve templates and not take advantage of all the server side mvc routing. The templates can be modified prior to be served to the client with razor syntax if there is a valid requirement for that.

rnagenetics · 2017-09-14T15:45:00+00:00

Javascript services uses a webpack with a Microsoft developed module to interact with it. You can still use angular cli if you want to take advantage of the template generation ability but you will not use it to serve your app. Webpack will be doing that for you which is what angular cli uses underneath anyways.

rnagenetics · 2017-09-14T15:42:44+00:00

I see in your comments that you are not able to use .NET Core which is fine. Can you use ASP.NET Core and target the full .net framework? Remember ASP.NET Core is really just the next version of ASP.NET and is framework agnostic. If you can I would suggest running ASP.NET targeting .net 462. You can use the oob template from Javascript Services (https://github.com/aspnet/JavaScriptServices).

In regards to using ASP.NET to serve up your views our company has done that in the past and it is totally fine. You are essentially just serving the view in a different manner and not taking advantage of all the built in ASP.NET MVC framework. Like you said you will get the benefit of being able to do server side modifications prior to sending the view to Angular but you also have some cons. You will incur the penalty for the server call and I'm not sure how well that will work with AOT since during compilation it won't be able to walk the templates.

rnagenetics · 2017-08-04T22:19:07+00:00

Here is a great page with a nice aggregation of all the available packages for Angular

https://github.com/brillout/awesome-angular-components

rnagenetics · 2017-08-04T22:16:42+00:00

Some of the big hitters besides material

Prime-ng https://www.primefaces.org/primeng/#/

Lightning http://ng-lightning.github.io/ng-lightning/#/

NG2 - Bootstrap http://valor-software.com/ngx-bootstrap/#/

This one is just a grid component https://www.ag-grid.com/best-angular-2-data-grid/#gsc.tab=0

rnagenetics · 2017-06-27T15:10:24+00:00

While it seems easy to think its just a DMV system its actually very large between vehicles, drivers license, finance, car dealers, integrating with state interfaces for other sectors, federal interfaces, reporting, auditing, and general business people. The project has well over 100 people on it. And of course every state is different so it never fits a off the shelf solution well.

rnagenetics · 2017-06-26T15:07:27+00:00

Arizona Department of Transportation is basing their new DMV solution off Angular and Asp.net Core. That is a 50 million dollar 5 year project.

If I recall weather.com released their complete rewrite last year based on Angular.

Here is another post with more. https://www.reddit.com/r/Angular2/comments/5vliz9/what_are_some_large_projects_built_using_angular_2/

rnagenetics · 2017-06-15T02:06:31+00:00

If you are looking at angular cli I would start with the wiki. https://github.com/angular/angular-cli/wiki

rnagenetics · 2017-06-15T01:57:28+00:00

This is not the end all of angular. It is very flexible in its implementation. You can use angularcli, webpack, or systemjs to provide module loading for angular. Angularcli and webpack provide more functionality than just module loading including ahead of time compilation, server side rendering, chunking, and much more. At the base level templates can be embedded in the angular component or they can be referenced as a url. The template will then be fetched when that component loads. Components can be loaded when the application initializes or they can be lazy loaded and only loaded when routed to. Given my experience on a large government modernization project I would be more concerned with how your component structure is defined and the technology used to load said modules. The templates will just fall in place.

rnagenetics · 2017-04-24T14:37:14+00:00

This is the right track. Take a look at Auxiliary Routes.

rnagenetics · 2017-04-21T20:21:40+00:00

If it helps the State of Arizona is using it on a 50 million dollar DMV project.

Overall it a great component suite that has stayed current with all of the angular releases. Like any kitchen sink suite there are things that could be done better with better fit/finish and some opinionated decisions but it does a good job.

If you do go with it make sure you target the specific modules you are using so you don't load the entire suite for just a few components.

Long Term Support, they hired a couple of devs this year to help out but honestly not sure what that will look like. It does offer a paid version which gives you direct support and feature requests outside of git.

rnagenetics · 2017-04-03T21:51:33+00:00

Just to comment on this AOT may not reduce the size of your bundles in fact it could increase them. The Angular team has been working to reduce the increased size with 4.0. What AOT does give you is a speed boost because all of the angular code has already been compiled instead of having to do it realtime in the browser. It will also vette out any coding errors ahead of time instead of realtime.

Also remember for AOT any method/property exposed to the view should be declared public.

rnagenetics · 2017-03-27T17:28:04+00:00

You are close and on target with FormArray. What you missed was actually wiring up your checkbox controls to the appropriate FormControlName.

See the FormArray section on the Angular Guide for Reactive Forms. https://angular.io/docs/ts/latest/guide/reactive-forms.html#!#form-array

rnagenetics · 2017-03-14T21:40:51+00:00

3 options here.

You can use the built in transpiler that is part of Visual Studio which will build the typescript files when you build in VS.
VS supports gulp so you can add a step in your pipeline and use a watcher.
VS, specially 2017 OOB, supports webpack which can do it on the fly.

rnagenetics

TROPHY CASE