Ashutosh Tiwariblog.ashutoshtiwari.co.in·Apr 14, 2024How to Build a React UI Component Library: A Step-by-Step Guide using Shadcn UI, Vite, Tailwind CSS, and StorybookIntroduction In this article, we will walk through the process of setting up a React UI component library using Shadcn UI, Vite, Tailwind CSS, and Storybook. But before we dive into the setup process, let’s understand what these technologies are and ...Discuss·77 readsReact
Hasanhasan-py.hashnode.dev·Apr 6, 2024Setup Your Universal App with React Native, Expo Router, Tamagui, and StorybookOverview In this guide, we'll walk you through setting up a universal app using React Native, Expo Router, Tamagui, and Storybook. This tutorial will provide step-by-step instructions to help you kickstart your universal app development journey. Prer...DiscussExpo
Royal JainforCodeParrot 10x Dev10xdev.codeparrot.ai·Apr 4, 2024Build component library using StorybookIt serves as a "workshop" environment where you can see how components look and behave in various states without needing to embed them in your application's main UI. This makes it easier to develop, test, and document components. Why should you use i...DiscussStorybook
Ji-hyung, Leejuly249.hashnode.dev·Mar 28, 2024Nx Storybook File Reference ErrorIn this project, my dev team decided to utilize Nx mono-repo. After various configurations, an issue arose when attempting to reference files located in the assets folder rather than the workspace from the feature workspace. The error encountered at ...DiscussNxNx
Evgeny Khoroshilovdesigntokens.hashnode.dev·Feb 26, 2024How to build AWSM docs with Storybook and AstroIntroduction In the dynamic realm of UI development, a well-documented design system is the key to success. Welcome to the AWSM Docs - a slingshot approach to get your Design System documentation website up and running in no time. In this short artic...DiscussStorybook
Riki Phukonrikiphukon.hashnode.dev·Feb 12, 2024Setup Storybook for your React projectsTesting components in Storybook. For more @see [BinaryDreams](https://bndr.rkph.me) In modern frontend development, testing components in isolation is crucial for ensuring code quality and efficiency. Storybook is a powerful tool that facilitates thi...DiscussReact
Alfredo PerezProalfredo-perez.dev·Feb 8, 2024StoryBook setup tips for your Angular applicationIn this article, we will go through some tips for setting up and optimizing StoryBook for Angular applications that go from things that only make sense for Angular, like adding a shared module, to more non-framework-specific things, like adding usefu...DiscussAngular
Paul Aldrichaldrichdev.hashnode.dev·Jan 4, 2024Using Comments in Storybook MDX FilesI've been struggling with this for many months. I've experienced multiple cases where I wanted to add a comment in one of the .mdx files in my Storybook project but could not found a way to do so. It seems like markdown doesn't really support comment...DiscussStorybook
InseoYang1nxeo.hashnode.dev·Dec 21, 2023Next 13 +, Tailwind, Storybook 설정하기pnpm dlx storybook@latest init 스토리북 설치하기 "next": "14.0.4", "tailwindcss": "^3.3.0", "@storybook/nextjs": "^7.6.6", "@storybook/react": "^7.6.6", 기준으로 작성된 글입니다. .storybook/main.ts // .storybook/main.ts import type { StorybookConfig } from "@storybo...DiscussFrontend Development
Khanin ChomphusriProblog.nintech.dev·Dec 14, 2023Fast and Easy Widgetbook Beginner's GuideAs a developer working in a team with a design system, having one place to do a design review and document how each widget in the system works can save time and reduce the redundancy of explaining the same thing over and over again. Widgetbook, inspi...Discuss·103 readsFlutter