dev:browser_staff:angular5
Differences
This shows you the differences between two versions of the page.
Next revision | Previous revisionNext revisionBoth sides next revision | ||
dev:browser_staff:angular5 [2017/12/20 17:25] – created erickson | dev:browser_staff:angular5 [2017/12/21 11:31] – [Upgrade Path Recommended by Angular] erickson | ||
---|---|---|---|
Line 7: | Line 7: | ||
* Bootstrap Version 4 | * Bootstrap Version 4 | ||
* https:// | * https:// | ||
- | * Bootstrap 4 Utility Classes | ||
- | * https:// | ||
- | * Some of these exist in BS 3, but they are expanded in BS 4. | ||
- | * Margins, padding, text, colors, borders, etc. | ||
* ng-bootstrap -- Angular 5 / Bootstrap 4 compatible Bootstrap controls | * ng-bootstrap -- Angular 5 / Bootstrap 4 compatible Bootstrap controls | ||
* https:// | * https:// | ||
- | * Potential replacements for Glyphicons, which are deprecated in Bootstrap 4 and have license restrictions. | ||
- | * https:// | ||
- | * I tested the Google Material Icons and they work well and use an Apache 2 license. | ||
- | * https:// | ||
* Webpack -- JS bundling, minification, | * Webpack -- JS bundling, minification, | ||
* https:// | * https:// | ||
Line 25: | Line 17: | ||
* Upgrade Process | * Upgrade Process | ||
* https:// | * https:// | ||
- | | + | |
+ | ==== Bootstrap 4 Notes ==== | ||
+ | |||
+ | * The Ang5-compatible bootstrap library ng-bootstrap supports BS4 only. | ||
+ | * Version 4 is mostly backward compatible with version 3. | ||
+ | * The " | ||
+ | * Glyphicons are deprecated (and have license restrictions). | ||
+ | | ||
+ | * I tested the Google Material Icons and they work well and use an Apache 2 license. | ||
+ | * https:// | ||
+ | * The utility classes have been expanded | ||
+ | * https:// | ||
+ | * Margins, padding, text, colors, borders, and more! | ||
+ | * These remove the need to write a lot of local CSS. Want a small amount of margin up top? class=" | ||
+ | |||
+ | ==== Upgrade Path Recommended by Angular ==== | ||
+ | |||
+ | See also https:// | ||
+ | |||
+ | === 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 -- TODO: post to LP) | ||
+ | - Phase II: Start using ES6-style module ' | ||
+ | - https:// | ||
+ | - These ultimately replace < | ||
+ | |||
+ | === 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