Products

Solutions

Resources

Partners

Community

About

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

The Community Blog is a personal opinion of community members and by no means the official standpoint of DNN Corp or DNN Platform. This is a place to express personal thoughts about DNNPlatform, the community and its ecosystem. Do you have useful information that you would like to share with the DNN Community in a featured article or blog? If so, please contact .

The use of the Community Blog is covered by our Community Blog Guidelines - please read before commenting or posting.


Announcing Angular 2 - Yippee!

Angular 2 is officially stable and out. Here's what you need to know, if you want to get started immediately with Angular2 and DNN or 2sxc.

Stable Release

On September 14th, Angular 2 went officially stable. Here's the blog-post announcing the release of proprioception-reinforcement. Here's the git repo.

From my observations Angular 2 is stable and various basic plugins like animations are released too. The documentation is pretty good, but you'll also find many cases where the documentation is still missing.

Ready for Production?

Now can we use it in production: Certainly!

Should we use it in production: Let's wait 2 months. Here's why:

  1. Angular 2 is a complete, awesome rework of Angular 1 = ergo it's a new product (so it's Angular 2 Version 1.0). A bit like .net Core.
  2. Every new product will have some glitches...
  3. …but I believe they won't be a large issue - see below
  4. but what you will miss the most are plugins and documentation

A Rock Solid 1.0

Despite it being a fresh release, Angular has a history of intensive unit-testing, meaning that just about everything in angular2 is really, really well tested. In addition to that, people have been developing with the release candidates since May 2016, so we can believe it's pretty solid.

Also: Angular has a history of quickly picking up issues and fixing them, so you won't have to wait long if something pops up.

Plugins are being ported…

This is what will probably affect you the most: many popular enhancements like angular-translate, angular-ui and angular-material are not ported yet. Because of this, anything sophisticated in Angular2 will mean much more work than with Angular 1.

Looking at the community enthusiasm, I believe the most important plugins will be ported within 60-90 days. For example, angular-translate already has a port called ng2-translate and there's also an alpha of angular-material 2.

Documentation is Good, Coverage is Improving

We all know how important documentation is, and how hard it is to get developers to do it (yes, I know that 2sxc is also not shining at this yet :). My estimate is that we have a coverage of about 30%, so you'll find a lot of concepts explained and some tutorials, but if you're new to AngularJS, you will probably get stuck because you won't find enough helper material.

Tutorials & Best Practices

There are some basic tutorials but most are still fairly trivial. From what I see, it will be easier to learn and master Angular2 than Angular1 (because of simplifications and removal of common hurdles) but we'll need more tutorials to get started. Give it a few more weeks, I'll post about it when it's here.

Best Practices: JavaScript Solutions rely strongly on best practices and conventions. It is in development and managed by John Papa (who also managed the style guide for Angular 1) but it explicitly states that it's still being reworked. So stay tuned.

Performance - Especially Compared to React

React is a very popular view engine and allows you to create extremely fast HTML based UIs. As a view-engine it's more inline with knockoutJS and not a full framework like Angular. And did I mention that it's extremely fast? Because of this, it's the golden benchmark regarding UI performance. It is much faster than the default view-engine in Angular 1 (but you can also mix React with Angular). The Angular2 team learned a lot from the React-way and performance should be much more equal...

BUT: the jury is still out on this. All current tests are from beta versions of Angular  2 and are fairly biased towards React. This is easy to spot because most of these tests cherry-picked specific cases where react is very strong, so it's neither comprehensive nor IMHO relevant. I presume that performance will come close. But since Angular is a full framework and React just a view-engine, I do expect React to be a bit more performant in the end, at the cost of more development effort. We'll see…

Note that if performance is your core concern, there are already posts about mixing React with Angular2 - like here and here.

TL;DR - Recommendation

The release is an important milestone, because now plugins and documentation will officially use the stable release. I would recommend using Angular 2 in simple solutions (mainly output-focused apps) around December, and to wait with full-stack applications (like the UI of 2sxc) till Q1 2017.

Love from Switzerland,
Daniel

PS: I'll create some tutorials within a few weeks…


Daniel Mettler grew up in the jungles of Indonesia and is founder and CEO of 2sic internet solutions in Switzerland and Liechtenstein, an 20-head web specialist with over 800 DNN projects since 1999. He is also chief architect of 2sxc (see forge), an open source module for creating attractive content and DNN Apps.



Read more posts by Daniel Mettler

Comments

Simone Nixon
Any examples of DNN integration with Angular 2 out there yet?
Simone Nixon Wednesday, December 14, 2016 9:59 AM (link)

Comment Form

Only registered users may post comments.

NewsArchives


Aderson Oliveira (22)
Alec Whittington (11)
Alessandra Daniels (3)
Alex Shirley (10)
Andrew Hoefling (3)
Andrew Nurse (30)
Andy Tryba (1)
Anthony Glenwright (5)
Antonio Chagoury (28)
Ash Prasad (37)
Ben Schmidt (1)
Benjamin Hermann (25)
Benoit Sarton (9)
Beth Firebaugh (12)
Bill Walker (36)
Bob Kruger (5)
Bogdan Litescu (1)
Brian Dukes (2)
Brice Snow (1)
Bruce Chapman (20)
Bryan Andrews (1)
cathal connolly (55)
Charles Nurse (163)
Chris Hammond (213)
Chris Paterra (55)
Clint Patterson (108)
Cuong Dang (21)
Daniel Bartholomew (2)
Daniel Mettler (181)
Daniel Valadas (48)
Dave Buckner (2)
David Poindexter (12)
David Rodriguez (3)
Dennis Shiao (1)
Doug Howell (11)
Erik van Ballegoij (30)
Ernst Peter Tamminga (80)
Francisco Perez Andres (17)
Geoff Barlow (12)
George Alatrash (12)
Gifford Watkins (3)
Gilles Le Pigocher (3)
Ian Robinson (7)
Israel Martinez (17)
Jan Blomquist (2)
Jan Jonas (3)
Jaspreet Bhatia (1)
Jenni Merrifield (6)
Joe Brinkman (274)
John Mitchell (1)
Jon Henning (14)
Jonathan Sheely (4)
Jordan Coopersmith (1)
Joseph Craig (2)
Kan Ma (1)
Keivan Beigi (3)
Kelly Ford (4)
Ken Grierson (10)
Kevin Schreiner (6)
Leigh Pointer (31)
Lorraine Young (60)
Malik Khan (1)
Matt Rutledge (2)
Matthias Schlomann (16)
Mauricio Márquez (5)
Michael Doxsey (7)
Michael Tobisch (3)
Michael Washington (202)
Miguel Gatmaytan (3)
Mike Horton (19)
Mitchel Sellers (40)
Nathan Rover (3)
Navin V Nagiah (14)
Néstor Sánchez (31)
Nik Kalyani (14)
Oliver Hine (1)
Patricio F. Salinas (1)
Patrick Ryan (1)
Peter Donker (54)
Philip Beadle (135)
Philipp Becker (4)
Richard Dumas (22)
Robert J Collins (5)
Roger Selwyn (8)
Ruben Lopez (1)
Ryan Martinez (1)
Sacha Trauwaen (1)
Salar Golestanian (4)
Sanjay Mehrotra (9)
Scott McCulloch (1)
Scott Schlesier (11)
Scott Wilkinson (3)
Scott Willhite (97)
Sebastian Leupold (80)
Shaun Walker (237)
Shawn Mehaffie (17)
Stefan Cullmann (12)
Stefan Kamphuis (12)
Steve Fabian (31)
Steven Fisher (1)
Tony Henrich (3)
Torsten Weggen (3)
Tycho de Waard (4)
Vicenç Masanas (27)
Vincent Nguyen (3)
Vitaly Kozadayev (6)
Will Morgenweck (40)
Will Strohl (180)
William Severance (5)
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out