Tomas Trajan 🇨🇭 articles - 32 total
Top 10 Angular Architecture Mistakes You Really Want To Avoid
In 2024, Angular keeps changing for better with ever increasing pace, but the big picture remains the same which makes architecture know-how timeless and well worth your time!
Total guide to lazy loading with Angular @defer
Learn everything about the lazy loading of standalone components with Angular @defer block including best practices, deep dive on all interactions and gotchas including a live demo!
How to migrate Angular CoreModule to standalone APIs
In this article we’re going to learn how to migrate commonly used Angular CoreModule (or any other...
Demystifying the Push / Pull nature of Angular Signals
Let’s take a deep dive into what makes signals tick and how their behavior can be understood using...
Jest ESM — Total Guide To More Than 100% Faster Testing For Angular⚡
Let's learn how to speed up our Angular Jest tests by more than 100% by switching to Jest ESM (a...
The Most Important Thing You Need To Understand About Angular
The Angular "Template Context" is a practically useful mental model, which once internalized, will be your main guide on the journey to build the best possible Angular applications!
The Best New Way To Cache API Responses with Angular & RxJs
Let’s learn the best new way to implement time based caching for the API responses (or any other)...
Level Up Your NgRx Skills With 10 Time-Tested Best Practices
NgRx is the most popular state management library for Angular, let’s explore set of real world...
The 6 Best Practices for building Custom Angular Components Library
Let’s explore best practices & lessons learned from building of a custom component library for...
Practical Angular: The Most Impactful RxJs Best Practice Tip Of All Time (Medium Dev.to auto import)
This easy to follow tip can help YOU and your teammates to simplify and hence improve your projects...
The Best Way To Architect Your Angular Libraries
The ideas presented in this article are based on extensive experience from large enterprise environment (100 Angular SPAs and 30+ libs )…
How to architect epic Angular app in less than 10 minutes! ⏱️
Original photo by Grant Lemons In this article we are going to learn how to scaffold new Angular app...
The Best Way to build reactive sub-forms with Angular
In this article we’re going to explore various approaches how to implement reactive sub-forms and...
The Best Way To Lazy Load Angular Elements
Or any other Web Components in your Angular applications! In this article we will be...
How To Get Route Path Parameters In Non-Routed Angular Components 🦀
In this article we’re going to explore… what are route path parameters how we can...
Why And How To Lazy Load Angular Libraries
This article is based on a real life experience from a large enterprise environment with more than...
Total Guide To Custom Angular Schematics
Total Guide To Custom Angular Schematics Schematics are great! They enable us to achieve...
⚡ Blitz Tips — RxJs Pipe Is Not A Subscribe!⚡
⚡ Blitz Tips — RxJs Pipe Is Not A Subscribe!⚡ Look! A lightning tip! (Original 📸 by Max...
👨🔧️ The 7 Pro Tips To Get Productive With Angular CLI & Schematics 💪
Angular Schematics is a workflow tool for the modern web
️ The 7 Pro Tips To Get Productive With Angular CLI & Schematics
As productive as mother Earth! (Original 📷 by Markus Spiske) Angular Schematics is a workflow tool...
The Best Way To Unsubscribe RxJS Observables In The Angular Applications!
An epic journey to RxJS .subscribe()-less Angular applications
![Total Guide To Angular 6+ Dependency Injection — providedIn vs providers:[ ] 💉](https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F9edtkjosvu9ga4w2kfob.jpeg)
Total Guide To Angular 6+ Dependency Injection — providedIn vs providers:[ ] 💉
I know, I know… Angular 7 is out already but this topic is as relevant as ever! Angular 6 brought us new better providedIn syntax for registration of services into Angular dependency injection mechanism.
🏖️ How To Create Your First Custom Angular Schematics With Ease🛠️
I got very excited when Angular & CLI team announced that they are working on Schematics.
How To Speed Up Continuous Integration Build With New NPM CI And package-lock.json
The new npm ci command installs from your lock-file ONLY. If your package.json and your lock-file are out of sync then it will report an error.It works by throwing away your node_modules and recreating it from scratch...
Object.assign() vs Object Spread { … } In Angular Ngrx Reducers🥊
Ngrx is a state management library which is used to implement one way data flow with centralized state store. Components and services dispatch actions in response to events triggered by user interaction and server communication...
How To Stay Up To Date With Releases Of Popular Frameworks with Release Butler
Introducing Release Butler — A Twitter Bot That Helps You To Stay Up To Date With Releases Of Popular Frontend Frameworks & Libraries!
🎥 Angular Sessions - How does Angular bootstrap applications
Short Angular live coding session on topic of Angular application bootstraping
The 7 Biggest Lessons I’ve Learned By Building A Twitter Bot 🐤🤖
Today, I am going to share with you the most important lessons I have learned by building Release Butler — a Twitter bot that tweets beautifully styled changelogs of popular frontend frameworks and libraries like Angular, React, Vue or Webpack…
Total Guide To Dynamic Angular Animations That Can Be Customized At Runtime
From route transitions to small details like feedback when clicking on a button or displaying a tooltip, animations give your project that nice sleek look. Well crafted animations communicate that…
How Did Angular CLI Budgets Save My Day And How They Can Save Yours
Budgets is one of the less known features of the Angular CLI which helps you to keep application bundle sizes in check and prevent bugs…