Presentation made for the NG-CONF Israel 2015 (http://ng-conf.co.il/) Angular2 is just around the corner.. so, how can we prepare our angular 1.x code base to the migration? An example project that come along with those slides available on Github (links inside)

1. Getting Ready for Angular2
NGULAR
Nir@500tech.com

2. Nir Kaufman
AngularJS developer @ 500tech
+
Nir@500tech.com
we develop, consult & train AngularJS
for startups & enterprises

3. Angular2 is just around the corner
Nir@500tech.com
START HERE

4. can we get ready today for the
framework of tomorrow?
Nir@500tech.com

5. Angular2 is a new framework
not an update to 1.x
Nir@500tech.com

6. migration to Angular2 will require
significant refactoring
Nir@500tech.com

7. is there anything we can do with
our existing code that will make the
migration less painful?
Nir@500tech.com

8. let’s take a working app
and make it Angular2 ready
Nir@500tech.com

9. we will use the todoMVC
Angular version as our
example app
Nir@500tech.com
http://todomvc.com/

10. CODE
https://github.com/nirkaufman/migration-to-angular2
http://tinyurl.com/qjt68mw
Nir@500tech.com

11. quick overview of our
application code
Nir@500tech.com
checkout step-0

12. improve your code
Nir@500tech.com
1

13. in the following examples we will
treat our small app as
multi-component large one
Nir@500tech.com

14. a well-written Angular code makes a good start
Nir@500tech.com
adapt common code style and conventions
avoid using $scope as much as you can
break your app into components
prefer services over factories
checkout step-1

15. upgrade to ES6
Nir@500tech.com
2

16. Nir@500tech.com
integrate a compiler into the build system
use ES6 modules for dependencies
use the class syntax (and anything else..)
checkout step-2-modules
every modern framework / library is already there
checkout step-2-classes

17. our example app is a one-
component small app
Nir@500tech.com
checkout step-2-oneComponent

18. stay tuned
Nir@500tech.com
3

19. Nir@500tech.com
follow the documents on angular.io site
play with the Angular2 developer preview
learn ES6 first, take a look at TypeScript after.
subscribe to Angular newsletters, blogs etc..
check out the resources.md
checkout step-3-links
learn today = less surprises tomorrow

20. migrate to Angular2
Nir@500tech.com
4

21. Nir@500tech.com
migration paths and hopefully some tools
probably will be available.
if it possible, clone your app into a separate
repository, and dive in…
checkout step-4
take advantage of Angular2 ASAP

22. final thoughts
Nir@500tech.com
ENDSUMMARY

23. Nir@500tech.com
Angular2 is gonna be
awesome

24. Nir@500tech.com
instead of being concerned
about the migration day

25. Nir@500tech.com
keep your current Angular code
clean & up to date

26. Nir@500tech.com
Thank you!
Q&A