Summary: <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <p class="normal" style="text-align: center; line-height: 137%;"></p><p><strong><font size="4"> ngAir 79 - ng1 to ng2 Migration with Joe Eames</font></strong></p><br> <br> <h1 align="center" style="font-size: 10pt; text-align: center; line-height: 137%;"> <a></a>#Show Notes</h1><br> <br> <br> <p class="normalCxSpFirst" style="font-size: 10pt; font-weight: normal;">Intro</p><br> <br> <br> <p class="normalCxSpMiddle" style="font-size: 10pt; font-weight: normal;">Joe’s background with migrations</p><br> <br> <br> <p class="normalCxSpMiddle" style="font-size: 10pt; font-weight: normal; text-indent: .25in;">Pluralsight course</p><br> <br> <br> <p class="normalCxSpMiddle" style="font-size: 10pt; font-weight: normal; text-indent: .25in;">Refactoring your ng1 app<br> before migrating to ng2</p><br> <br> <br> <p class="normalCxSpMiddle" style="font-size: 10pt; font-weight: normal; text-indent: .25in;">Component based<br> architecture</p><br> <br> <br> <p class="normalCxSpMiddle" style="font-size: 10pt; font-weight: normal;">What are the different approaches? 3 options:</p><br> <br> <br> <p class="normalCxSpMiddle" style="font-size: 10pt; font-weight: normal; text-indent: .5in;">Big bang - should only do if<br> takes a couple weeks, less than 10k lines of code</p><br> <br> <br> <p class="normalCxSpMiddle" style="font-size: 10pt; font-weight: normal; text-indent: .5in;">Leave it alone - Maintain it<br> in Angular 1</p><br> <br> <br> <p class="normalCxSpMiddle" style="font-size: 10pt; font-weight: normal; text-indent: .5in;">Slowly convert - Angular 1<br> app that calls Angular 2 for some pieces</p><br> <br> <br> <p class="normalCxSpMiddle" style="font-size: 10pt; font-weight: normal; margin-left: .5in; text-indent: .5in;">Can convert any Angular 2 component into Angular 1 directive</p><br> <br> <br> <p class="normalCxSpMiddle" style="font-size: 10pt; font-weight: normal;">When slowly converting, important to mitigate risk by<br> doing smaller changesets</p><br> <br> <br> <p class="normalCxSpMiddle" style="font-size: 10pt; font-weight: normal;">Performance</p><br> <br> <br> <p class="normalCxSpMiddle" style="font-size: 10pt; font-weight: normal; text-indent: .5in;">Angular 2 an order of<br> magnitude faster</p><br> <br> <br> <p class="normalCxSpMiddle" style="font-size: 10pt; font-weight: normal; text-indent: .5in;">Angular 1 is the slow piece</p><br> <br> <br> <p class="normalCxSpMiddle" style="font-size: 10pt; font-weight: normal; text-indent: .5in;">Overhead with cooridination,<br> but not that much</p><br> <br> <br> <p class="normalCxSpMiddle" style="font-size: 10pt; font-weight: normal;">What to do if no tests in current ng1 app?</p><br> <br> <br> <p class="normalCxSpMiddle" style="font-size: 10pt; font-weight: normal;">Do you need to have two http services running?</p><br> <br> <br> <p class="normalCxSpMiddle" style="font-size: 10pt; font-weight: normal;">What do you think of Angular’s approach to migration<br> compared to Ember’s?</p><br> <br> <br> <p class="normalCxSpLast" style="font-size: 10pt; font-weight: normal;"></p><p> </p><br> <br> <h1 align="center" style="font-size: 10pt; text-align: center; line-height: 137%;"> <a></a>Wrap Up</h1><br> <br> <br> <p class="normalCxSpFirst" style="font-size: 10pt; font-weight: normal; line-height: 137%;">Answer Q&A <a href="https://twitter.com/search?q=%23ngAir&f=tweets"><span style="color: #1155CC;">from Twitter</span></a></p><br> <br> <br> <p class="normalCxSpMiddle" style="font-size: 10pt; font-weight: normal; line-height: 137%;">Upcoming shows:</p><br> <br> <br> <p class="normalCxSpLast" style="font-size: 10pt; font-weight: normal; margin-left: 1in; line-height: 137%;"></p><p> </p><br> <br> <h1 align="center" style="font-size: 10pt; text-align: center; line-height: 137%;"> <a></a>Tips & Picks</h1><br> <br> <br> <p></p>
