Storybook for PCF Controls - Part 1 : Set the Story Straight

In the frontend development world, Storybook as emerged as the industry standard to showcase and test UI components.

In this series of posts I will show how easy (and rewarding) it is to implement and publish a Storybook for a PowerApps Component Framework (PCF) project. That way users can have a direct and interactive access to the control without having to install anything on their side.

• Part 1, will focus on setting up Storybook and write the stories in the context of a PCF control project.
• Part 2, will demontrate how to publish the Storybook to Github Pages on every commit using GitHub Actions.

What is Storybook

In essence, Storybook is a framework that helps web developers express and test frontend workflows. It can be used for building, documenting, and testing UI components in isolation.