Storybook Your Angular App with Nx

Storybook helps you build "UI components in isolation". Combined with Nx, you can have your UI libraries easily "browsable" and testable by your whole dev and UI/UX teams. Combined with Angular, your project will really take off. Nx will give you the tools to generate, build, run, test and migrate your Storybooks across your apps and libraries. And this is something you don't want to miss.

Talk takeaways

1. Storybook helps you publish your design system
2. Storybook helps you quickly test out various states and scenarios in isolation
3. Nx helps you use Storybook by integrating it with its tool system
4. Nx helps you use Storybook by generating stories for you, migrating your code, and much more
5. Nx helps you scale up with its executors and generators
6. Nx helps you integrate Storybook into your pipelines (eg. for testing)
7. Nx team is in sync with Storybook team to address issues in time, and plan forward for new features

About Katerina

Software Engineer at Nrwl, Nx core team, GDE for Angular/Web Technologies/Google Maps platform, AngularAthens meetup and RevApp co-founder. Mentoring women into tech, speaking about the cool things I do, climbing mountains and serving cats for life. More at psyber.city.