Code-Sage

Angular App Dependency Maintenance

26 Jul 2023

Angular

Objective

Enhance existing angular application to LTS.

Technical Goals/Overview

Dependency maintenance and management (update software package versions) for existing Angular project. Add support for keyboard navigation and accessibility.

Summary: Technical Implementation

  1. Update Angular Project to build, test, and execute using latest Angular 16:
    • Update angular dependencies.
    • Update application code to function with latest supported Typescript.
    • Ensure application retains previous form and functionality.
    • Update tests to function with latest dependencies.
    • Update stories (Storybook) to latest support version.
  2. CI/CD Process Pipeline:
    • Facilitate continuous rapid local development and testing. Code changes trigger local build and test.
    • update GitHub Actions build and test with latest dependencies.

Overall, the technical implementation focused on successfully navigating and trouble shooting issues (dependency deprecation, typescript) encountered to continue development and long term support of angular application. Additionally, updated stories for compatibility with latest support.

Skills Footprint:

Category Technical Specifics
general Web Development * Angular Development
standards HTML * CSS * JSON * Typescript
tools VSCode * GIT * NPM * Angular CLI * Karma * Jasmine
concepts Single Page Application * Dependency Maintenance and Management * Responsive Design * CI/CD
packages Angular * Angular Material * Storybook
deployment Github Actions

Related posts