Adventures in Angular Angular Elements, Annex & Storybook with Brad McAlister - AiA 439
8 snips
Jan 9, 2025 Brad McAlister, Software Engineering Lead at Sapphire Digital and a beer enthusiast from Oklahoma, joins the panel to discuss his experience with transitioning to an Annex Monorepo and the integration of Angular Elements. He sheds light on the benefits of using Storybook for isolated component testing in Angular applications. The conversation also touches on the complexities of refactoring, component-based styling, and humorous anecdotes about craft beer, holiday movies, and miscommunication across time zones.
AI Snips
Chapters
Books
Transcript
Episode notes
Brad's NX Monorepo Journey
- Brad McAlister shares his transition to an NX Monorepo to simplify component development and testing.
- NX allows creating Angular Elements easily while maintaining code consistency in a monorepo structure.
Use Storybook for Isolated UI
- Use Storybook to develop and test UI components in isolation outside the main app.
- Leverage Storybook's knobs and plugins to quickly tweak states, view accessibility and mobile layouts.
Integrate Storybook and NX
- Keep Storybook stories as separate files alongside components for easy access and testing.
- Sync library components with the app via NX monorepo for real-time updates without copying code.
