Angular - 4 year road map

AngularJS is one of the most popular JavaScript frameworks in the web. The Google developed framework is considered as one of the easiest framework to kick start a project. Two way binding and the dependency injection is the highlight of this framework.
My journey with AngularJS started about 4 years ago. Then popular ver1.4 amazed me in its capabilities. Developer like me, coming from Actionscript and plain old JQuery , AngularJS is a good option to kick start a project. It give me the confidence in JavaScript world, and from then I have tried lot of framework and tools from JavaScript itself like requireJS, webpack, etc. I did projects in Angular from 1.4 to the current 2.0, and trying to upgrade to the latest 4. Angular has now become one of the fastest growing framework. The journey starts with 1.4
One of the stable and mostly uses version. Started working on this for small projects and it seems easy for development. Dependency injection and two way binding seems quite interesting. Routing is another point seems to be quite interesting when we need complex projects. Route resolve where life saver for many times.
Till then everything seems right and going well. Problems surfaced when started to use for complex and large projects. First problem is loading files. The third party modules need to loaded initially and even a simple login page needs minutes to load. After googling we found requireJS. Though it seemed difficult to setup , it’s a life saver compared to old. But it’s time consuming and its not that easy to develop. Even if it helped to solve our problem, it’s not a good solution. After lot of search we found oclazyload. It’s a great library which works inside the angular scope. On the other hand requireJS worked outside the angular scope. It’s just a module loader.
Meantime we are in search of a cleaner solution. And found out webpack. An amazing tool which let’s to build , minify, and bundle the code. The application become more faster than anything we tried before. Also it helped to write styles in SaSS as well in CSS. It’s easy to divide style for each module . You could found out the solution here.
Angular 2.
 Here comes the major change in angular development. In built lazy loading of modules, bundling, view encapsulation and large performance update from the previous versions. First it seems like a life saver. No it’s almost life saver. Lazy loading modules, which is pain in AngularJS now became easy. Styling is always a trouble especially between designer and developer. View encapsulation helped a lot in customising the styles. We already feel the power of webpack in our AngularJS + webpack
Angular/cli made development easy and faster. It provided a good boilerplate for development. Angular come with two types of compilation. JIT(Just in Time) and AOT (Ahead of Time). In JIt the code compiles in client side. And in AOT it compiles in the development system itself. But the major difference i found is, in JIT the bundle size of main file is bigger and module bundles were small. In AOT the main bundle is less and module bundles were big. Even though its better to compile using AOT for production. That’s our first concerns over it. Once our project become bigger and bigger we have divide it to small modules so to keep it low bundle size. Still we though the size were bigger. Yes it is. Its one of the major problem of Angular 2.
Other thing that bothered is , the rapid version changes. We started working on beta version and it had lot of breaking changes in each new versions. Literally we had to update the project to the latest in every week.We had to spent hours to figure out the bugs and fixes. But it’s a good learning experience. Once we hit final versions here comes Angular4. OMG! Do we need to rewrite the whole code ?
Hold on. There is not much change from 2 to 4 . One of the major change is the separation of animation package. That’s okay. Another is new view engine. Yes we got stuck there. Since our project built on cli-beta15 and its in cli-1.0rc4, the new template is big problem. We are extensively using the template tag and the way ngIf and ngFor used inside these template changed. Also template in now ng-template.
Okay. Its code change. But not more. Thanks. Then whats the major change in Angular4 . It’s performance change and bundle size. Bundle size is bigger concern for our project in Angular2 especially after AOT and tree shaking. So what about the bundle size. Here is the difference between same project in different versions.

Angular4 build

That’s a big difference right? Yes it is. For performance that i still need to test.
So whats the point? Angular still reigns. Yes, its one of the best JavaScript framework available right now. You could count on this frameworks. That’s my 4 years of experience in Angular says.

Comments

shalinipriya said…
Great Article… I love to read your articles because your writing style is too good, its is very very helpful for all of us and I never get bored while reading your article because, they are becomes a more and more interesting from the starting lines until the end.
Data Science with Python training in chenni
Data Science training in chennai
Data science training in velachery
Data science training in tambaram
Data Science training in OMR
Data Science training in anna nagar
Data Science training in chennai
Data science training in Bangalore
Saranya Karthik said…
Your article is really an amazing with useful content, thank you so much for sharing such an informative information. keep updating.
Blue Prism Automation Robotic course in Chennai | Blue Prism Automation Robotic course in Velachery
prabash said…
I enjoy what you guys are usually up too. This sort of clever work and coverage! Keep up the wonderful works guys I’ve added you guys to my blogroll.
No.1 Blue Prism Training Institute in Chennai | No.1 Blue Prism Training Institute in Velachery | No.1 Blue Prism Training Institute in Kanchipuram
shri yadav said…
This is a terrific article, and that I would really like additional info if you have got any. I’m fascinated with this subject and your post has been one among the simplest I actually have read.
python training in velachery
python training institute in chennai
Saravanan said…
I enjoy what you guys are usually up too. This sort of clever work and coverage! Keep up the wonderful works guys I’ve added you guys to my blogroll.
Advanced Ethical Hacking course in Chennai | Advanced Ethical Hacking course in Kanchipuram
rajendran said…
Hi there, I am so thrilled I found your website, I really found you by mistake, while I was browsing on Yahoo for something else, Anyhow I am here now and would just like to say thanks a lot for a tremendous post and an all-round exciting blog. Please do keep up the awesome job.
Photoshop Training Institute in Chennai | Photoshop Training Institute in Kanchipuram
bala kumar said…
Pretty post. Whatever we accumulated data from the web journals, we ought to actualize that in basically then no one but we can comprehend that precise thing obviously.
No.1 Automation Anywhere Training Institute in Chennai | No.1 Automation Anywhere Training Institute in Velachery
sanjay said…
Thanks a lot very much for the high quality and results-oriented help.
Advanced Ethical Hacking course in Chennai | Advanced Ethical Hacking course in Chennai
navya said…
Your Blog is really awesome with useful content,its very helpful for us.Thanks for sharing such an wonderful article here..keep updating
SEO Training Institute in Chennai | SEO Training Institute in Kanchipuram
Mary Adlena said…
Very informative blog. Thanks for sharing such good information and keep on updating.
Adobe Photoshop Training in Chennai | Adobe Photoshop Training in Velachery
Saranya Karthik said…
It’s great to come across a blog every once in a while that isn’t the same out of date rehashed material. Fantastic read.
UIPath Robotic Process Automation in Chennai | UIPath Training in Tambaram
jerina j said…
All the points you described so beautiful. Every time i read your i blog and i am so surprised that how you can write so well.
Dot Net Training in Chennai | Dot Net Training in Kanchipuram
varma said…
The information you shared about the technology golden energy.Thanks for shared information.Regards,
No.1 UIPath Training Institute in Chennai | No.1 UIPath Training Institute in Velachery
Thiru K said…
Awesome post. Really you are shared very informative concept... Thank you for sharing. Keep on updating...
Java Training in Chennai | Java Training in Kanchipuram
sharma said…
Nice and informative article.Thanks for sharing such nice article,
Ethical Hacking Training in Chennai | Ethical Hacking Training in Guindy
Albert s said…
Very informative blog. Thanks for sharing such good information and keep on updating.
Android Training in Chennai | Android Training in Kanchipuram
Saravanan said…
This is really too useful and have more ideas from yours. Keep sharing many techniques and thanks for sharing the information.
Ethical Hacking Training in Chennai | Ethical Hacking Training in Shozhinganallur
Seetha C said…
Your Blog is really awesome with useful and helpful content for us.Thanks for sharing.... keep updating more information.
Robotic Process Automation Training in Chennai | Robotic Process Automation Training in Taramani
ajay said…
Thanks for posting your Informative blog… It is very useful for me, thanks a lot for sharing such a wonderful article…
Linux Training Institute in Chennai | Linux Training Institute in Kanchipuram
Vishal said…
Nice Post! It is really interesting to read from the beginning, Keep up the good
work and continue sharing like this.
Ethical Hacking Training in Chennai | Ethical Hacking Training in Porur
fawaz shaik said…
Nice article… I am sure I will share this information to my friends and relatives. Thanks for sharing the useful blog

PCB Training Institute in Chennai | PCBTraining Institute in Velachery
navya said…
Nice information about salesforce live agent chat objects My sincere thanks for sharing this post and please continue to share this kind of post.
Blueprism Certification Exam Center in Chennai | Blueprism Certification Exam Center in Velachery
Unknown said…
Very informative blog. Thanks for sharing such good information and keep on updating.Best MBA Project Center in Chennai |Best MBA Project Center in Kanchipuram

Saravanan said…
This is an interesting artlcle that is very useful to know about the golden energy information.Thanks for this content.Regards,
Blueprism Exam Center in Chennai | Blueprism Exam Center in Velachery
Geetha said…
Awesome post. Really you are shared very informative concept... Thank you for sharing. Keep on updating...
Microsoft Advanced Excel and VBA Macros Training in Chennai | Microsoft Advanced Excel and VBA Macros Training in Kanchipuram
ancy said…
Thanks for posting your Informative blog… It is very useful for me, thanks a lot for sharing such a wonderful article…
Ethical Hacking Training Course in Chennai | Ethical Hacking Training Course in Nanganallur
Samla said…
Very informative blog. Thanks for sharing such good information and keep on updating.
Java Training in Chennai | Java Training in Adyar
Nandhini said…
Thanks for sharing this valuable information.. I saw your website and get more details..Nice work...
iOS Training in Chennai | iOS Training in Tambaram
Saranya Karthik said…
Your Blog is really awesome with useful and helpful content for us.Thanks for sharing ..keep updating more information.
RPA Training in Chennai | RPA Training in Pallikaranai
muthu said…
I enjoyed reading the Post. It was very informative and useful.
Dot net Training in Chennai | Dot net Training in Perungudi
muthu said…
This comment has been removed by the author.
Santhiya said…
very interesting topic.Helps to gain knowledge about lot of information. Thanks for posting information in this blog.
Python Training in Chennai | Python Training in Madipakkam
Devi said…
Very good and informative article. Thanks for sharing such nice article, keep on updating such good articles.
ISTQB Training in Chennai | ISTQB Training in Guindy
dhanusha said…
Thanks for sharing this valuable information to our vision. You have posted a worthy blog keep sharing.
Software Testing Training in Chennai | Software Testing Training in Saidapet
Janaki said…
Excellent information with unique content and it is very useful to know about the information based on blogs...
Java Training in Chennai | Java Training in Chrompet
Raja said…
Nice and good article. It is very useful for me to learn and understand easily. Thanks for sharing your valuable information and time. Please keep updating...
Graphic Designing Training in Chennai | Graphic Designing Training in Keelkattalai
Vimal said…
Really i enjoyed very much. And this may helpful for lot of peoples. So you are provided such a nice and great article within this.
Ethical Hacking Training in Chennai | Ethical Hacking Training in Thiruvanmiyur
jerina j said…
It's very great post...Thanks for sharing such an informative post..
Android Training in Chennai | Android Training in Porur
Nithya said…
This is a nice post in an interesting line of content.Thanks for sharing this article.
Java Training in Chennai | Java Training in St.Thomas Mount
Shagul said…
Really it was an awesome article. Very useful & Informative..Thanks for sharing..
IOS Training Institute in Chennai | IOS Training Institute in Velachery
Sanjay said…
The provided information’s are very useful to me.Thanks for sharing.Keep updating your blog...
Java Training in Chennai | Java Training in Meenambakkam
Magesh said…
Great post and informative blog.it was awesome to read, thanks for sharing this great content to my vision.
Best Software Testing Training Institute in Chennai | Best Software Testing Training Institute in T.Nagar
Sathish said…
very interesting topic.Helps to gain knowledge about lot of information. Thanks for posting information in this blog.
ISTQB Certification Course in Chennai | ISTQB Certification Course in Sozhinganallur
Valli said…
I have read your blog its very attractive and impressive. I like it your blog.
Software Testing Course in Chennai | Software Testing Course in Perungudi
Mounika said…
Very interesting topic.Helps to gain knowledge about lot of information. Thanks for posting information in this blog...
Blue prism Training in Chennai | Blue prism Training in Medavakkam
vicky m said…
All the points you described so beautiful. Every time i read your blog content and i so surprised that how you can write so well.
Best Ethical Hacking Training Institute in Chennai | Best Ethical Hacking Training Institute in Velachery
Seetha C said…
It's very great post... Really you are... done a wonderful job Keep up the good work and continue sharing like this.
Software Testing Course in Chennai | Software Testing Course in Keelkattalai
Bala V said…
This is really too useful and have more ideas from yours. keep sharing many techniques. eagerly waiting for your new blog and useful information. keep doing more.

IOS Training Institute in Chennai | IOS Training Institute in Pallavaram
Vijay said…
Great post and informative blog.it was awesome to read, thanks for sharing this great content to my vision.
Selenium Automation Course in Chennai | Selenium Automation Course in Pallikaranai
Vijay said…
Pretty article! I found some useful information in your blog, it was awesome to read, thanks for sharing this great content to my vision, keep sharing.
Selenium Automation Course in Chennai | Selenium Automation Course in Pallikaranai
Nisha Premrahul said…
Very informative blog. Thanks for sharing such good information and keep on updating.
UIPath Training in Chennai | UIPath Training in Guindy
Unknown said…
Really very nice blog information for this one and more technical skills are improve,i like that kind of post. Best Electrical Project Center in ChennaI | Best Electrical Project Center in Tambaram
Geetha said…
Nice Post! It is really interesting to read from the beginning and Keep up the good work and continue sharing like this.
Best Java J2EE Training Institute in Chennai | Best Java J2EE Training Institute in Madipakkam
Unknown said…
Your blog is really amazing with smart and cute content.keep updating such an excellent article..Best MBA Project Center in Chennai |Best MBA Project Center in Perungudi
Raji said…
I am happy to find this post very useful for me, as it contains a lot of information. I always prefer to read the quality content I found in your post. Thanks for sharing.
Ethical Hacking Training in Chennai | Ethical Hacking Training in Taramani
Mary Adlena said…
I am happy to find this post very useful for me, as it contains a lot of information. I always prefer to read the quality content I found in your post. Thanks for sharing.
Best Automation Anywhere Training Institute in Chennai | Best Automation Anywhere Training Institute in Velachery
Samla said…
It's very great post...Thanks for sharing such an informative post..
Advanced SoftwareTesting Course in Chennai | Advanced SoftwareTesting Course in Saidapet
Nisha Premrahul said…
Thanks for one marvelous posting! I enjoyed reading it; you are a great author. I will make sure to bookmark your blog and may come back someday. I want to encourage that you continue your great posts.
Blue Prism Robotic Process Automation in Chennai | UIPath Robotic Process Automation in Chennai | Advanced Automation Anywhere Training in Chennai
Nisha Premrahul said…
Very interesting content which helps me to get the in depth knowledge about the technology.
No.1 Ethical Hacking Training institute in Chennai | No.1 Ethical Hacking Training institute in Velachery
Mani said…
Really you build a very good article. Your blog is very nice and i gather lot of information in this blog.Thanks for sharing. Keep sharing more blogs.
Blueprism Exam Center in Chennai | Blueprism Exam Center in Velachery
Mary Adlena said…
Really you build a very good article. Your blog is very nice and i gather lot of information in this blog.Thanks for sharing. Keep sharing more blogs.
RPA Training with Placement in Chennai | RPA Training institute in Velachery

Popular posts from this blog

Configure PostgreSQL and phpPgAdmin in WAMP

Adding proxy in YUM Fedora 13

Angular4 - primeng, ngx-bootstrap

Angular 4 - Modules, components and routing

Getting started with React native