👋 Welcome Back, Angular Enthusiasts
Welcome to the 25th edition of the Angular Addicts Newsletter, your monthly curated digest of noteworthy Angular resources that have captured my interest. (You can check out the previous issues: #24, #23, and #22).
💎 Angular Highlights from April 2024
📰 Angular and Wiz: Stronger Together
Google maintains two distinct web frameworks: Angular and Wiz. While Wiz has historically prioritized performance-critical applications, Angular has been the go-to for highly interactive experiences. Jatin Ramanathan and Minko Gechev outline the key distinctions between these frameworks and describe their gradual convergence strategy over the coming years.
📰 Mastering the Design-to-Code Workflow with Figma, Storybook, and Angular
Markus Nissl presents a four-part series exploring modern design and development workflows that leverage the synergy between Figma, Storybook, and Angular:
- Part 1: Understanding design tokens
- Part 2: Exploring Figma's variables
- Part 3: Pulling design tokens from Figma
- Part 4: Bringing design tokens into Angular components
📰 A Fix for JavaScript at Last
Effect is a robust TypeScript library aimed at simplifying the creation of intricate synchronous and asynchronous programs. Almaju showcases four key capabilities of Effect:
- Managing concurrency
- Type-safe error handling
- Branded types
- Dependency injection
📰 Exploring the Angular vs. React Landscape
Maksim Dolgikh has authored a multi-part series designed to clarify the key differences between these two dominant web technologies:
- Part 1: Dumb vs. Smart Components
- Part 2: Comparing Lifecycle Hooks
- Part 3: Services vs. Context API
📖 Modern Angular
Manfred Steyer has published the second edition of his complimentary e-book, "Modern Angular." This edition spans 14 chapters, addressing subjects such as:
- Building Standalone Components, Directives, and Pipes
- Ensuring interoperability with existing code and NgModules
- Configuring Routing, Lazy Loading, Dependency Injection, and State Management
- Creating Angular Elements/Web Components using Standalone Components
- Adopting modern architectures without NgModules
- Harnessing the power of Signals effectively
- Using the new Built-in Control Flow and
@ defer - Options for automated migrations
- Leveraging
esbuild, SSR, and Hydration
👨💻 A Note on the Author
I'm Gergely Szerovay, with years of experience as both a data scientist and a full-stack developer. Currently, I work as a frontend tech lead, with a focus on Angular-based development. In this capacity, I stay abreast of the latest developments within the Angular ecosystem and the broader frontend landscape.
Angular has evolved remarkably in recent years, and with the rapid emergence of generative AI, our development workflows are transforming at an unprecedented pace. To track these advancements, I've begun building AI tools in the open and am documenting the journey on AIBoosted.dev — feel free to subscribe 🚀
You can connect with me via Substack (Angular Addicts), Substack (AIBoosted.dev), Medium, Dev.to, X, or LinkedIn for more insights on Angular and developing AI applications with TypeScript, React, and Angular.
📨 Contribute Your Angular Finds
Came across an interesting Angular article, tweet, or resource lately? Whether it's your own creation or someone else's, drop it in the comments or reach out via DM on Twitter! You could see it featured in an upcoming edition of Angular Addicts.
