How to update the application to Angular 17 with NX or Angular Workspace. Angular 17 was already released on 6th of November 2023, almost a month ago. We all want to dive into the most recent features within our projects right away. Although, it might not be always a case…

A story of a lonely Front-end Developer — The title seems obvious right? but let me tell you a story of many corporates, where business is convinced that developers are doing great job and everything is on track. We’ve all been there. Promising job opportunity, interesting project presented widely during interview, experienced team, cutting edge technologies, most recent…

How to make sure we have all the data we need on application start? With more complex applications, there might be a need to make sure some initial data is already available at startup, directly when your application has been initialized like: user specific data translations some external configurations redirections …

Title resolver and how to use it — Before Javascript based frameworks / libraries gained popularity and even before Javascript was initially invented (Brendan Eich, 1995) most (if not all) of the pages available over the internet where implemented with server-side PHP programming language. Fun fact: 79.2% (2023) of pages available all over the internet are somehow using…

How to use pipes in Angular — Angular as a framework provide significantly more than just a library. It has it’s own ways of solving common problems you might find on your programming way. Many developers on their entry level with Angular have this tendency to pack up/do everything within the components, entirely ignoring all available functionalities. …

How to unit test services that are using HttpClientModule both successful and error paths — Angular 16 release introduced InjectionContext, which made dependency injection looks much leaner as well as limiting a need of using constructor call to minimum. What’s more, you can entirely forgot about constructor call and use only inject function call. This might be super useful for developers coming from other programming…

How to unit test standalone components without additional libraries — Standalone approach provides loads of benefits to our code base. It reduces architectural complexity with managing the modules and using different components within different application areas. We are not forced to import entire module anymore (which makes our bundle size significantly smaller). But have you ever wondered, how this approach…

How to test functional effects with injection context — With ngrx state management system compatible with Angular 16, functional effects had been introduced. It is fancy and makes code definitely easier to read due to its simplicity. Also, we always want to check out most recent features within our projects! That is totally normal, as new features are being…

How to save our test from failing with InjectionContext — Standalone approach provides loads of benefits to our code base. It reduces architectural complexity with managing the modules and using different components within different application areas. We are not forced to import entire module anymore (which makes our bundle size significantly smaller). But have you ever wondered, how this approach…