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

Popular posts from this blog

Configure PostgreSQL and phpPgAdmin in WAMP

Flash FLV player using PHP

Angular4 - primeng, ngx-bootstrap

Upload Video to Facebook Using Actionscrpt 3.0