1.0Cloudinary Bloghttps://cloudinary.com/blogMaking Better Components With Storybookrich600338<blockquote class="wp-embedded-content" data-secret="J7MYQ0hJgf"><a href="https://cloudinary.com/blog/guest_post/making-better-components-with-storybook/">Making Better Components With Storybook</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://cloudinary.com/blog/guest_post/making-better-components-with-storybook/embed#?secret=J7MYQ0hJgf" width="600" height="338" title="“Making Better Components With Storybook” — Cloudinary Blog" data-secret="J7MYQ0hJgf" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script type="text/javascript">
/* <![CDATA[ */
/*! This file is auto-generated */
!function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document);
/* ]]> */
</script>
https://res.cloudinary.com/cloudinary-marketing/images/f_auto,q_auto/v1681924782/Web_Assets/blog/4c0c0ca07d80ba55ca3ae529da78eed275b83e7c-3984x2656-1_2833718815/4c0c0ca07d80ba55ca3ae529da78eed275b83e7c-3984x2656-1_2833718815.jpg?_i=AA39842656When you're building components to use in an app, it helps to work with them in isolation. With Storybook, you can test and create components in isolation from the entire app. In this tutorial, we'll go over writing stories for components in Redwood.https://cloudinary.com/blog/author/mileciaMilecia