-
Notifications
You must be signed in to change notification settings - Fork 0
Wiki
Schematics: Schematics provide a workflow to add/update the code with the use of templates and the Abstract Syntax tree for manipulation of existing Angular Code, this is how ng update updates a previous version of Angular to the next. (https://angular.io/guide/schematics)
Angular Libraries: Angular Libraries are used to create shared functionality to be included in other Angular Projects, a good case for this is the Common UI. (https://angular.io/guide/libraries)
Internationalization: Although I have a directive that is used for translating our form labels and other text to another language, from a supplied file, Angular has this built in and would recommend we become familiar with how it works. (https://angular.io/guide/libraries)
Angular CLI: With Schematics and web pack, the CLI is a tool that is a must to use when building an Angular application. When a build is executed the CLI will tree shake, remove unused code, from the final generated JavaScript files, as well with lazy loading build out separate JavaScript files for lazy modules that will be loaded when needed. Doing all this by hand or through other tools is not efficient, so this would need to become part of the development workflow. (https://angular.io/guide/cli-builder) (https://angular.io/cli)
Understanding Deployment: There are two ways an Angular Application gets deployed:
Dev: All Typescript is compiled to JavaScript and Maps are created for debugging; these files are not ones we would want to deploy to QA/PROD as they are not optimized, they are configured for a smooth development/debugging experience.
Prod: Using the CLI to build a Prod release of the script will optimize the scripts and files, and it these that we will need to make sure get deployed and are configured for the host environments. (https://angular.io/guide/deployment)
TypeScript: At a high-level TypeScript is just JavaScript code with Types, you can write JavaScript code and not use types, but to take full advantage of the TypeScript language I recommend we spend some time becoming familiar with it. (https://angular.io/guide/typescript-configuration)
Observables & RxJS: Reactive frameworks are part of the Angular library, and offer benefits to help improve the performance of a client-side application. (https://angular.io/guide/observables)