nidhinkumarblog.nidhin.dev·Jan 25, 2025Storybook 8.5Storybook has long been the go-to workshop for building, documenting, and testing UI components. It’s a tool loved by developers worldwide, from small startups to major players like Slack and Audi. With the release of Storybook 8.5, the platform take...10 likesReact
Ender Wigginsjinno.hashnode.dev·Jan 23, 2025Jinno — IDE extension I made to preview React componentsI built Jinno because I often found myself juggling between my code editor and browser to preview React components during development. It was frustrating and time-consuming, breaking my workflow and focus. With Jinno, I can now see live previews of R...React
Ender Wigginsjinno.hashnode.dev·Jan 21, 2025Developing Components in Isolation: The Pros, Cons, and a Game-Changer ToolIn modern front-end development, isolating components and pages has become a popular approach. It allows developers to focus on small, self-contained parts of an application, promising increased efficiency and reusability. But isolation is not always...3 likesReact
Stephen J. Luledger.stephenjlu.com·Dec 18, 2024How I made a new portfolio website with the help of GitHub CopilotI decided to revamp my old monochrome, text-based website using React and Motion. Despite initial challenges with learning React, component-based architecture, and a deeper understanding of TypeScript and JavaScript, tools like the React Tic-Tac-Toe ...39 readsReact
Stephen J. Luledger.stephenjlu.com·Dec 5, 2024How I made a basic menu bar with React and StorybookIn this article, I detail my experience transitioning my personal website's menu from HTML/CSS to a React component-based UI using Storybook. I describe my design goals, including maintaining a similar style, adding animations, and managing active st...87 readsReact
Saurabh Mhatresaurabhnative.hashnode.dev·Dec 1, 2024Importance of Storybook in React App DevelopmentWhen working on enterprise-grade applications we often have a separate design system and well-defined rules about component usage throughout the entire application. This helps in making components consistent and makes it easy for new developers to co...Storybook
William Kanthe-dog-can-blog.hashnode.dev·Nov 29, 2024How to Set Up a Storybook Twig/HTML Library and Deploy with GitHub ActionsYou can host your static storybook library using GitHub Pages and their Actions deployment solution for free. Here’s how I did it: Project setup and caveats This is a standalone storybook html component library using twig templating, so could be used...Recording the JourneyStorybook
Rajni RetheshforMiddleware - Be Productive, Not Busy!middlewarehq.com·Oct 19, 2024Storybook Dora Metrics: Crafting a Success Story with Impressive PR Merges; Cycle Time Raises Red FlagsAre you building an app or a website user interface? Wish to toy around with some cool UI components without affecting the entire front end? Have you tried Storybook? Storybook is a cool tool in the modern web development landscape that helps you c...100 Days of Dora Metrics Case StudiesStorybook
akash javaliblog.akashjavali.com·Sep 13, 2024A Beginner's Guide to Storybook: Supercharge Your UI DevelopmentIn today's fast-paced web development world, building scalable, reusable, and consistent UI components is crucial. As user interfaces grow more complex, developers need effective tools to manage their UI components in isolation. Storybook is one such...33 readsStorybook
Elisha ostoryline.hashnode.dev·Sep 9, 2024Silent StrandsThe hum of the salon’s hair dryers mixed with the soft clatter of scissors, creating a calming rhythm that Lucy had grown accustomed to over the years. She liked it that way—routine, predictable. But that afternoon, something was off. She could feel ...261 readsStory