Angular 2 | DotNetSwede

AngularJS to Angular Upgrade Paths

7th August 2017 by Jonathan Lindkvist Leave a Comment

Angular Logo

Thomson Reuters has a lot of code written in AngularJS, and they’ve researched different upgrade paths for AngularJS to Angular migration. They have a GitHub project where they showcase different upgrade paths along with code and explanations. This is an explanation of the different projects:

To summarize, we have a starting project (Fruit1X, for Angular 1.x), that uses older patterns (ControllerAs, Grunt, etc). The rest of the sample projects demonstrate how that application looks after conversion to the target pattern. Fruit15 (for Angular 1.5) shows the Fruit app converted to the AngularJS Component Pattern and implements newer tooling (Webpack, and npm delivery). Fruit20–15 (for Angular/AngularJS 1.5) shows the Hybrid Pattern, with application hosted in an Angular shell via ngUpgrade along with various build and test tools upgraded to modern equivalents. Lastly Fruit20 shows a full Angular rewrite of the project.

The quote above is from the blog post “An Upgrade Path to Angular at Thomson Reuters” from the Angular blog.

If you have AngularJS code that you’re hoping to migrate at some point, then take a look at their GitHub repository.

Migrating to TypeScript

29th May 2017 by Jonathan Lindkvist Leave a Comment

I probably have around 10 or 20k lines of code written in regular ES5 JavaScript, and a lot of that is in AngularJS (= Angular 1.x). I started converting a couple of files to TypeScript a while back, and while I’m not going to migrate all of that code, I’ve still tried to learn more about JavaScript to TypeScript migration. My experience so far has been quite smooth. As other people have already written: Since JavaScript is valid TypeScript, then all you have to do to begin with, is basically to change the file ending from *.js to *.ts. Just changing the file endings and downloading type definitions really improves the editing experience by providing better IntelliSense suggestions.

I thought that I’d just write about three resources that I’ve found regarding JavaScript to TypeScript migration, and AngularJS to Angular 2.x migration.

Practical TypeScript Migration

This is a fairly short video course by Steve Ognibene, and it’s available here on Pluralsight. The course is not targeted at any particular framework, though the application that he’s converting during the course, was written using KnockoutJS.

Preparing for and Migrating Applications to Angular 2

A course by Joe Eames clocking in at 2 hours and 57 minutes in total. This course is about migrating from AngularJS (= 1.x) to Angular (2+). I’ve gone through the whole course, but I might actually re-watch it later on if I start considering doing a proper migration sometime in the future. The course can be found here on Pluralsight.

Angular docs about migration

The Angular team have an article on migrating from AngularJS to Angular, and it’s definately worth taking a look at that one if you’re going to pursue a migration.

Building a Blog Using ASP.NET Core

30th May 2016 by Jonathan Lindkvist 4 Comments

I’ve been interested in writing my own blogging engine for a while, and it’s probably not that uncommon amongst developers. Anyway, I’m looking around for inspiration so that I don’t have to reinvent the wheel and start from zero. This blog post contains what I’ve found so far when it comes to building a blog using ASP.NET Core.

WilderBlog – An ASP.NET Core blog built by Shawn Wildermuth

This is the blog that Shawn is currently using himself on his own website. It’s built using Angular 2 and ASP.NET Core, as well as other technologies related to the new ASP.NET.

The source code is available here on GitHub:

https://github.com/shawnwildermuth/wilderblog

Shawn also wrote a blog post about the project:

https://wildermuth.com/2016/04/14/Welcome-to-the-New-Wildermuth-com

Naif.blog – An ASP.NET Core blog being built by Charles Nurse

Charles Nurse from DNN Corp (DotNetNuke) is building an ASP.NET Core blog. The blog is still a work in progress, but you can follow along on his blog, and on the project’s GitHub page.

Piranha CMS – An ASP.NET MVC blog being rewritten for ASP.NET Core

Piranha CMS has been around for a while, and it was written in ASP.NET MVC. They are now doing a complete rewrite of Piranha CMS in order to create a cross platform version built using ASP.NET Core.

Piranha.Core on GitHub

https://github.com/PiranhaCMS/piranha.core

3 part series on building an ASP.NET MVC blog from scratch

So this one has been around for a while, and it’s for regular ASP.NET MVC. But, for those of you who are interested in building a blog in ASP.NET MVC (Core or not), then this 3 part series will probably be a wonderful resource.

How to create a simple blog using ASP.NET MVC – Part I

http://prideparrot.com/blog/archive/2012/12/how_to_create_a_simple_blog_part1

How to create a simple blog using ASP.NET MVC – Part II

http://prideparrot.com/blog/archive/2013/3/how_to_create_simple_blog_part2

How to create a simple blog using ASP.NET MVC – Part III

http://prideparrot.com/blog/archive/2013/6/how_to_create_simple_blog_part3

Writing a Blog Engine in ASP.NET Core

Tyler Rhodes has written a thorough tutorial about this subject on CodeProject.

https://www.codeproject.com/Articles/1178519/Writing-a-Blog-Engine-in-ASP-NET-Core

Orchard is being rewritten in ASP.NET Core

The open source and .NET based CMS Orchard, is also being rewritten in .NET Core/ASP.NET Core. Take a look at Orchard 2.0!

Practical TypeScript Migration

Preparing for and Migrating Applications to Angular 2

Angular docs about migration

WilderBlog – An ASP.NET Core blog built by Shawn Wildermuth

The source code is available here on GitHub:

Shawn also wrote a blog post about the project:

Naif.blog – An ASP.NET Core blog being built by Charles Nurse

The project’s GitHub page

Naif.Blog – A new ASP.NET Core Blog

Naif.Blog: 0. Setting the Stage

Naif.Blog: 1. In ASP.NET Core Everything is Injected

Naif.Blog: 2. Creating a WebAPI service to support the MetaWeblogAPI

Naif.Blog: 3. Adding Theming

Naif.Blog: 4. View Components

Naif.Blog: 5. ASP.NET Core 1.0 RTM