<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>Storybook on It Must Be Code!</title><link>https://itmustbecode.com/tags/storybook/</link><description>Recent content in Storybook on It Must Be Code!</description><generator>Hugo</generator><language>en-CA</language><lastBuildDate>Thu, 29 Sep 2022 00:16:42 +0000</lastBuildDate><atom:link href="https://itmustbecode.com/tags/storybook/feed.xml" rel="self" type="application/rss+xml"/><item><title>Storybook for PCF Controls - Part 2 : Publish to GitHub Pages</title><link>https://itmustbecode.com/storybook-for-pcf-controls-part-2-publish-to-github-pages/</link><pubDate>Thu, 29 Sep 2022 00:16:42 +0000</pubDate><guid isPermaLink="false">https://itmustbecode.com/storybook-for-pcf-controls-part-2-publish-to-github-pages/</guid><description>&lt;p&gt;This is the &lt;strong&gt;second part&lt;/strong&gt; of a series on &lt;strong&gt;&lt;a class="link" href="https://storybook.js.org/" target="_blank" rel="noopener"
&gt;Storybook&lt;/a&gt;&lt;/strong&gt; for PowerApps Component Framework ( &lt;strong&gt;PCF&lt;/strong&gt;) controls, where I take one of my community PCF control hosted on Github (&lt;a class="link" href="https://github.com/drivardxrm/CountryPicker.PCF" target="_blank" rel="noopener"
&gt;CountryPicker.PCF&lt;/a&gt;) and implement a Storybook from scratch.&lt;/p&gt;
&lt;p&gt;While the &lt;a class="link" href="https://itmustbecode.com/storybook-for-pcf-controls-part-1-set-the-story-straight/" &gt;first post&lt;/a&gt;, revolved around the setup and authoring process of the &lt;strong&gt;Storybook&lt;/strong&gt;, this one focuses on the &lt;strong&gt;publishing&lt;/strong&gt; steps required to make Storybook static site &lt;strong&gt;publicly&lt;/strong&gt; available from &lt;strong&gt;GitHub Pages&lt;/strong&gt;.&lt;/p&gt;</description></item><item><title>Storybook for PCF Controls - Part 1 : Set the Story Straight</title><link>https://itmustbecode.com/storybook-for-pcf-controls-part-1-set-the-story-straight/</link><pubDate>Mon, 12 Sep 2022 01:43:09 +0000</pubDate><guid isPermaLink="false">https://itmustbecode.com/storybook-for-pcf-controls-part-1-set-the-story-straight/</guid><description>&lt;p&gt;In the frontend development world, &lt;strong&gt;&lt;a class="link" href="https://storybook.js.org/" target="_blank" rel="noopener"
&gt;Storybook&lt;/a&gt;&lt;/strong&gt; as emerged as the &lt;strong&gt;industry standard&lt;/strong&gt; to showcase and test UI components.&lt;/p&gt;
&lt;p&gt;In this series of posts I will show how easy (and rewarding) it is to implement and publish a Storybook for a &lt;strong&gt;PowerApps Component Framework (PCF)&lt;/strong&gt; project. That way users can have a direct and interactive access to the control without having to install anything on their side.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Part 1&lt;/strong&gt;, will focus on &lt;strong&gt;setting up&lt;/strong&gt; Storybook and write the stories in the context of a PCF control project.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Part 2&lt;/strong&gt;, will demontrate how to &lt;strong&gt;publish&lt;/strong&gt; the Storybook to &lt;strong&gt;Github Pages&lt;/strong&gt; on every commit using &lt;strong&gt;GitHub Actions&lt;/strong&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="what-is-storybook"&gt;What is Storybook
&lt;/h2&gt;&lt;p&gt;In essence, &lt;strong&gt;Storybook&lt;/strong&gt; is a framework that helps web developers express and test frontend workflows. It can be used for &lt;strong&gt;building&lt;/strong&gt;, &lt;strong&gt;documenting&lt;/strong&gt;, and &lt;strong&gt;testing&lt;/strong&gt; UI components in isolation.&lt;/p&gt;</description></item></channel></rss>