Maciej Wojcik

Hey, I'm a frontend developer, passionate about good design for both the code and UX/UI side of things. I am mainly involved in Angular, rxjs, typescript subjects.

📍 Poznan, Poland

angular

Required Inputs in Angular v16

Required Input is a new feature coming in Angular 16. In this article, we will explore how it works, and learn how to use it.

angular

takeUntilDestroy in Angular v16

takeUntilDestroy is a new feature coming in Angular 16. In this article, we will explore how it works, and learn how to use it.

angular

Router data as components inputs in Angular v16

Router data as components inputs is a new feature coming in Angular 16. In this article, we will explore how it works, and learn how to use it.

angular

Improve page performance and LCP with NgOptimizedImage

Explore mechanisms of NgOptimizedImage directive to improve overall page performance, targeting especially the Largest Contentful Paint (LCP) metric from Core Web Vitals. Enhance pages, make the best user experience and improve the web.

angular

Component initialization without ngOnInit with async pipes for Observables and ngOnChanges

Explore various techniques to improve initlialization code in components. We will replace the ngOnInit entirely and propose better alternatives. We will cover subscriptions management, and other life cycle hooks, such as ngOnChanges.

angular

Designing Angular architecture - Container-Presentation pattern

Designing architecture could be tricky, especially in the agile world, where requirement changes are frequent. So your design has to support that and provides extendibility without the need for serious modification. In such cases, you will find the Container-Presentation pattern instrumental.

angular

Techniques to style component host element in Angular

Styling the host element is a crucial ability. Understanding that can completely change the way you develop reusable components, making their code clear and easier to maintain. This article will concentrate on techniques that use CSS styles and reduce Typescript logic.

angular

Extend Angular Schematics to customize your development process

Have you ever realized that you often repeat the same patterns across multiple files? Creating schematics that override well-known Angular schematics, designing them based on project needs will enhance your development and reduce time spent on generating files.