Category: 4. Facts

https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTHLoEd5fEqhXXaCDQMKRit4wBJsveSv9unpg&s

  • Angular 13 and Beyond

    1. Standalone Components: Angular 13 introduced standalone components, which simplify the creation and management of components by removing the need for NgModules.
    2. ESBuild Integration: Angular 13 integrated with esbuild for faster builds and optimizations, enhancing the overall development experience.
    3. Updated Angular CLI: Angular 13 made improvements to the Angular CLI, including better performance and new features for managing projects.
    4. Extended TypeScript Support: Angular 13 continued to update its support for the latest TypeScript versions, ensuring compatibility with new language features.
    5. Improved Debugging and Profiling Tools: Angular 13 enhanced debugging and profiling tools, making it easier for developers to identify performance bottlenecks and issues.
    6. Further Optimizations for Ivy: Angular continued to optimize the Ivy compiler and runtime, improving performance and reducing bundle sizes.

  • Angular 12 Features and Improvements

    1. Ivy Everywhere: Angular 12 made Ivy the default rendering engine, and the legacy View Engine was fully removed. Ivy offers better performance and smaller bundle sizes.
    2. Strict Mode by Default: Angular 12 made strict mode the default setting for new projects, which enables stricter type-checking and helps catch potential issues early.
    3. Support for Webpack 5: Angular 12 upgraded to Webpack 5, bringing performance improvements and new features for bundling.
    4. Better Performance with ng build: Angular 12 included improvements to the ng build command, optimizing build performance.
    5. Faster Builds and Smaller Bundles: The Angular team worked on improving build times and reducing the size of generated bundles.
    6. Deprecated APIs: Angular 12 started deprecating certain APIs and features that were considered outdated or redundant.

  • Angular 11 Features and Improvements

    1. Faster Builds with Improved HMR: Angular 11 improved the Hot Module Replacement (HMR) feature, making it faster and more reliable for development purposes.
    2. Updated Language Service: The Angular Language Service saw performance improvements and bug fixes, enhancing the developer experience in editors like VS Code.
    3. Enhanced Build Performance: Angular 11 brought performance optimizations to the build process, including better build time for larger projects.
    4. Automatic Inlining of Critical CSS: Angular 11 introduced the ability to inline critical CSS automatically, improving the performance of the initial page load.
    5. Improved Diagnostics: Angular 11 enhanced the error messages and diagnostics provided during the development process, making it easier to troubleshoot issues.
    6. Updated ESLint Integration: Angular 11 replaced TSLint with ESLint as the default linting tool, aligning with the broader JavaScript ecosystem.
  • Angular Material and CDK Updates

    Angular Material and the Component Dev Kit (CDK) received updates for better accessibility and new components.

  • Deprecation of View Engine

    Angular 10 started the deprecation process for the legacy View Engine, paving the way for the Ivy compiler, which offers better performance and smaller bundle sizes.

  • Optional Stricter Settings

    Angular 10 introduced the ability to create new projects with stricter type checking and linting options, helping developers catch potential issues early in the development process.

  • Improved Data Binding and Template Syntax

    Angular 10 made improvements to the data binding and template syntax, reducing the need for unnecessary code and improving the clarity of templates.

  • Dynamic Imports for Lazy Routes

    Angular 10 added support for dynamic imports in route configurations. This allows for more flexible and efficient lazy loading of modules.

  • TypeScript 3.9 Support

    Angular 10 upgraded to TypeScript 3.9, which brought performance improvements and new features like better type checking and faster compilation.

  • New Default Browser Configuration

    Angular 10 introduced a new set of default browser configurations that included support for modern browsers, which improved performance and reduced the polyfills required.