angular.love

💻 Web applications are mainly about presenting and modifying data, so they need to communicate with servers regularly. Errors are something we should expect in that communication, and their handling is a really important part of the overall user experience. Http request can fail in 2 ways: ❗️ User lost a connection - it can’t be delivered ❗️ The server gets the request but fails to process it In the first case, a simple retry might be enough, but if it doesn’t help, we can only inform the user. There’s no great mystery here. However, if the server throws an error, its handling can be more sophisticated. 🛠️ The example below shows the notification matching error cause. For some less important calls, marked by HttpContextToken, notification isn’t shown to not confuse the users unnecessarily. Additionally, messages from InternalServerErrors are stored in logs. ⚠️ Remember to always rethrow an error, as it can be necessary for handling logic down in the Observable chain. Help us spread Angular knowledge by sharing this post! 📢 #Angular #AngularLove #AngularTips

🎊 What’s your wish for 2026? We, for example, wish for 2026 to be filled with joy, growth, and fulfillment for every member of our community! Thank you for being an essential part of our journey this year—your active involvement has truly helped shape the Angular Love community 🥂 We couldn’t have achieved so much without your support! Hope you have a joyful New Year’s Eve and a truly amazing 2026! 🤩 – Angular Love #AngularLove

In the programming world, manipulating arrays is a common task 💻 However, traditional array methods like sort, splice, or reverse in JavaScript update arrays in place, mutating the original array. 😬 It can lead to unintended side effects and complexities, especially in large-scale applications with a shared state. Debugging becomes a maze, and understanding code flow becomes a Herculean task. Innovation Brought By TypeScript 5.2: Introducing non-mutating variants for array manipulation. ✔️ array.reverse() → array.toReversed() ✔️ array.sort(...) → array.toSorted(...) ✔️ array.splice(...) → array.toSpliced(...) ✔️ array[i] = foo → array.with(i, foo) ⭐️ Key Benefits: Predictability: No more hidden changes. Maintainability & Readability: Easier updates and clearer code. No Side Effects: Consistent data state, better code quality. Share this post to help it get to more Angular Lovers! 💌 #Angular #TypeScript #Angularlove #Angularcommunity

Devs, this winter break doesn’t have to be boring! Relax by reading about Angular v21 in our “Ultimate Guide to Angular Evolution” 🙌 1️⃣ Brief explanation of the version: the focus and reason of the update 2️⃣ Short list of features: discover what each new feature can help you with 3️⃣ In-depth explanation: dive into every feature easily thanks to a challenge → solution → benefits structure 4️⃣ Expert insights: check out exclusive tips and opinions from true Angular experts Elevate your competencies in the most chill way possible 😎 Download for free here: https://buff.ly/OXw44SX #Angular21 #Angular

Are you sure you've masteres Type Predicates? 🤨 🛠️ TypeScript offers a feature known as Type Predicates, which is crucial for enhancing type safety in Angular applications. They allow developers to define a function that asserts the type of an object. It is beneficial in scenarios where the variable type needs to be confirmed. ⭐️Example Usage: function isFish(pet: Fish | Bird): pet is Fish { return (pet as Fish).swim !== undefined; } In this example, isFish is a function that checks whether a pet is a Fish. The pet is Fish syntax, the type predicate, guiding TypeScript to understand the type within a specific scope. ✅ Practical Applications: Type Predicates are instrumental in ensuring type safety, especially when dealing with complex data types or implementing conditional logic based on types. ✅ Enhancing Code Safety: In TypeScript development, employing Type Predicates leads to more predictable and error-resistant code, making it easier to maintain and debug. In conclusion, Type Predicates are a powerful aspect of TypeScript, offering developers an efficient way to manage and assert types in their code. Utilizing this feature can lead to cleaner, safer, and more maintainable TypeScript code 💻 #angular #angularlove #TypeScript #angularcommunity

🎄 Dear Devs, For this Christmas, we want to wish you all things amazing: 💪 Plenty of time and a spark of motivation to pick up new skills and sharpen the old ones 📈 Projects that challenge you, help you grow, and leave you feeling awesome about what you’ve built 🙌 Supportive teams where you can give, learn, and laugh together And, of course, a whole lot more Angular wisdom—more articles, more webinars, more videos, all with plenty of Angular Love! 💘 Hope you have a chill Christmas filled with good vibes and plenty of joy! Sincerely, the Angular Love team ☺️ #AngularLove

🤔 Why doesn’t Angular have a version 3? At Angular meetups, you can often hear a question about the favorite Angular version. Quite frequently, the answer we get is "Angular 3," which usually leads to funny reactions because... Angular 3 was never officially released! 🤯 But why? ‼️ It all boils down to how Angular is developed—in a monorepo, where all packages are in the same repository, but can be managed and versioned separately. During an intense development of the Angular router, it reached version 3 while other parts of the framework were still at version 2. ⭐️ To avoid confusion and prevent further complications, like releasing Angular version 3 with the router already at version 4, the Angular team decided to skip Angular version 3, moving directly from Angular 2 to Angular 4. 💬 Curious to know: What's your favorite version of Angular? #angularlove #angulartips #angular

Picking up where we left off last week, let’s dive into some Angular Love blog stats for 2025! 🧮 🤯 This year, nearly 800,000 of you stopped by to check out our blog—thank you for the engagement! 📚 You were able to read over 30 valuable articles. That’s 3 articles full of fresh dev knowledge per month! ✒️ Our community was supported by many knowledgeable authors from different parts of the world. Thank you for sharing your expertise! 📈 The Angular roadmap was delivered to your hands to assist you on your way to become the best dev you can be: https://buff.ly/nUp4XDA We’re incredibly grateful and proud of you, dear devs, for constantly updating your knowledge, inspiring us, and building the Angular Love community. We can’t wait to see what 2026 brings us! Thank you! 🙌 #Angular #AngularLove

One thing you definitely don’t wanna do to your app is bloat its bundle size 😬 Our blogger, Dawid Kostka, created a guide that will teach you how to avoid doing it 🔥 ✅ Learn everything you should know about the Bundle Size ✅ See how to analyze it and how to read its Treemaps ✅ Discover how to reduce the Bundle Size ✅ Analyze and copy premade code ✅ Have a live-coding session! 📖 Find the full guide under this link and let us know if you liked it: https://buff.ly/EWyXDl5 #Angular #Angulartips #Angularcommunity

Angular v21 is here! 🤩 What new features and improvements does it bring? 👉 Check out this article on our blog to find a comprehensive overview of Angular v21 and stay up to date: https://buff.ly/Bfua94D Let us know in the comments which feature excites you most! #Angular #Angular21