User Tools

Site Tools


dev:browser_staff:angular5

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
Last revisionBoth sides next revision
dev:browser_staff:angular5 [2017/12/21 11:02] – [Upgrade Path Recommended by Angular] ericksondev:browser_staff:angular5 [2018/04/03 08:56] – [Upgrade Path Recommended by Angular] rjs7
Line 20: Line 20:
 ==== Bootstrap 4 Notes ==== ==== Bootstrap 4 Notes ====
  
 +  * The Ang5-compatible bootstrap library ng-bootstrap supports BS4 only.
   * Version 4 is mostly backward compatible with version 3.   * Version 4 is mostly backward compatible with version 3.
   * The "panel" is no more -- replaced with "card".   * The "panel" is no more -- replaced with "card".
Line 32: Line 33:
  
 ==== Upgrade Path Recommended by Angular ==== ==== Upgrade Path Recommended by Angular ====
- 
-  - Follow the AngularJS Style Guide 
-  - Using a Module Loader 
-    - Angular5 (well, ng-cli) uses Webpack by default. 
-    - May be implemented independent of any Ang5 upgrade plans. 
-    - Can be rolled out in multiple phases. 
-      - Phase I: Use webpack as a drop-in replacement for Grunt for compiling builds (and use npm to run karma unit tests). 
-        - This is low impact.  No application code changes are required. 
-        - I have a branch that does this (plus Angular 1.6 -- TODO: post to LP) 
-      - Phase II: Start using ES6-style module 'import' statements for specifying dependencies. 
-        - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import 
-        - These replace <script/> imports 
-  - Migrating to TypeScript 
-  - Using Component Directives 
-  - Upgrading with ngUpgrade 
  
 See also https://angular-2-training-book.rangle.io/handout/migrate/ng-upgrade/order_of_operations.html See also https://angular-2-training-book.rangle.io/handout/migrate/ng-upgrade/order_of_operations.html
 +
 +=== I. Follow the AngularJS Style Guide ===
 +
 +=== II. Use a Module Loader ===
 +
 +  - Angular5 (well, ng-cli) uses Webpack by default.
 +  - May be implemented independent of any Ang5 upgrade plans.
 +  - Improved options for creating of JS, etc. bundles
 +  - Can be implemented in low-impact phases.
 +    - Phase I: Use webpack as a drop-in replacement for Grunt for compiling builds (and use npm to run karma unit tests).
 +      - No application code changes are required.
 +      - I have a branch that does this (plus Angular 1.6 -- https://bugs.launchpad.net/evergreen/+bug/1739803 [pushed to 3.1-beta])
 +    - Phase II: Start using ES6-style module 'import' statements for specifying dependencies.
 +      - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import
 +      - These ultimately replace <script/> imports
 +
 +=== III. Migrating to TypeScript ===
 +
 +=== IV. Using Component Directives ===
 +
 +=== V. Upgrade with ngUpgrade ===
 +
 +
dev/browser_staff/angular5.txt · Last modified: 2022/02/10 13:34 by 127.0.0.1

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki

© 2008-2022 GPLS and others. Evergreen is open source software, freely licensed under GNU GPLv2 or later.
The Evergreen Project is a U.S. 501(c)3 non-profit organization.