Purpose When creating a brand new library, the Angular CLI helps us tremendously in creating the proper web app structure to support a UI library for growth. In this how-to, we will follow the monorepo style of creating multiple projects inside a single workspace. The latest versions of the Angular […]
Technical Architecture
13 posts
I have put together another video tutorial. This one focuses on modifying your existing Angular CLI project to reconfigure the file and folder locations so that it’s easier to import the components in a consuming application. If you have worked with Angular Material and NGX Bootstrap before, you know how […]
Hello everybody! As promised, here is my first video tutorial showing you how to go about splitting your component library into separate JavaScript bundles in Angular v9. I decided to split the tutorial into separate videos and add them to a playlist. That way, you are able to jump around […]
When building a UI Library, it is very important that we are cognizant about the additional complexity we are adding to an existing web project that consumes our package. Our library can add considerable size, in terms of assets and unnecessary JavaScript code. Additional dependencies, like external third party libraries, […]
Happy Monday, everyone. I hope you all are staying safe and healthy in these uncertain times. Please follow your health experts’ and departments’ competent advice and guidelines to avoid contracting COVID-19. Let’s get on with our article. As a software architect, it is essential to know where to invest in […]
I am working on a UI Library project. Here is my set of Git Hooks that I have added to my project. These automated scripts run on the user’s local development environment prior to getting pushed up to the remote Git repository. The scripts run quickly and help validate that […]
Happy Friday, everyone. Today I am going to talk about visual testing. I am working on a UI library that requires strict quality checks. That means that any updates to the styles and components code should be isolated and not break any other UI. That means no visual regressions to […]
Why guardrails are important The very beginning of an Angular project is the most critical time when to implement best practices. It is the one time where nobody is encumbered by deadlines, merge conflicts, or concerns about major refactoring causing bugs and performance issues. This beginning phase is where I […]
I have been using JavaScript (JS) framework of sorts since 2013. I started with jQuery, which boosted my efficiency and productivity significantly when JS was in its infancy. Back then, it was hard to code something quickly without using a bunch of boilerplate or having to account for browser inconsistencies […]