Dimitri IvashchukforStack on Fire 🔥d-ivashchuk.hashnode.net·Aug 30, 2022FeaturedNext.js visual regression testing made easyWhy visual regression testing Your app code changes quite frequently - so does the UI. The problem with this flow is that sometimes unintentional UI changes result from incorrect code. We often forget to check the deep corners of the application that...Discuss·71 likes·1.1K readsTesting
Chris BongersforDaily Dev Tipsdaily-dev-tips.hashnode.net·Nov 28, 2022Storybook - ExamplesWhen trying to dive into how to structure Storybook, I found it helpful to look at how other companies set them up. And luckily for us, there is a full showcase section where many different Storybook examples are highlighted. Some have modified their...Discuss·23 likes·132 readsStorybook
Nazeeh VahoraforNazeeh's Blognazeeh.hashnode.net·Feb 6, 2023Testing React Components: The Snapshot & Component Testing in IsolationReact is a widely used JavaScript library for building user interfaces and single-page applications. To ensure the quality and reliability of your React code, testing is crucial. There are two main forms of testing in React: snapshot testing and comp...Discuss·21 likes·150 readsReact
Nick Taylorfornickytonline.hashnode.net·Apr 16, 2023Yet Another Newsletter LOL: GroundhogAnother week, another newsletter. Let’s get to it! Around the Web If you’re interested in learning React Native, the Unleash the Power of React Native to Build Mobile Apps course from freeCodeCamp looks like fire! For folks interested in all things...DiscussYet Another Newsletter LOLReact Native
Nazeeh VahoraforNazeeh's Blognazeeh.hashnode.net·Mar 22, 2023How to Ensure High-Quality Frontend Development in Web3 Using the Right Tools and LibrariesFrontend development is a critical aspect of web development. The front end is the user interface that users see and interact with on their devices. A well-designed and intuitive user interface can make a huge difference in the success of a web appli...Discuss·1 likefrontend
Dimitri IvashchukforStack on Fire 🔥d-ivashchuk.hashnode.net·Mar 6, 20235 reasons to write visual regression testsIntroduction ✨ Visual regression testing is a critical aspect of modern web development that helps ensure that code changes don't break the intended design and functionality of a website or application. In this blog post, we'll discuss five compellin...Discuss·41 readsvisual regression testing
Ignacio Andrés Miranda FigueroaforIgna's Dev Blogigna.hashnode.net·Feb 24, 2023⚛️⚡ Vite + React + Typescript Component Library TemplateA few weeks ago I created a template library using technologies such as Vite, React, Typescript, Vitest, and Storybook. It also manages automatically version releases using GitHub Actions. Just want to share it here with the community: GitHub Reposit...Discuss·76 readsvite
Dimitri IvashchukforStack on Fire 🔥d-ivashchuk.hashnode.net·Feb 22, 2023Visual Regression Testing that makes senseForeword 👋🏼 Hey, my name is Dima! I am a frontend-engineer who loves to solve problems. One day at my contracting work we faced serious developer experience issues with running our Storybook.js visual regression tests. At the time we had a custom s...Discuss·70 readsStorybook
Gerome GrignonforGerome Grignon's bloggerome.hashnode.net·Feb 21, 2023Add a favicon to your Storybook applicationFavicons, short for "favorite icons," are small images or icons that appear in the browser tab, bookmarks, and other areas of the browser UI. Adding a favicon to your Storybook application can help to: Improve branding and visual appeal: A well-desi...DiscussStorybook
Nazeeh VahoraforNazeeh's Blognazeeh.hashnode.net·Feb 6, 2023Testing React Components: The Snapshot & Component Testing in IsolationReact is a widely used JavaScript library for building user interfaces and single-page applications. To ensure the quality and reliability of your React code, testing is crucial. There are two main forms of testing in React: snapshot testing and comp...Discuss·21 likes·150 readsReact
Brad WhiteforBuilding on The Wild Webbradscottwhite.hashnode.net·Feb 3, 2023Get Started with Storybook.js and Angular (w/ Tailwind CSS)Introduction Recently I've been soaking up as much about Angular as can find time to as I'm a bit new to the framework (and will be starting a job soon where I'll be working with it). This process lead me to wonder how to integrate Storybook.js into ...Discuss·41 readsStorybook
Temitayo Ogunsusifortemitayoogunsusi.hashnode.net·Jan 27, 2023How to build a Design System in Next.Js with Storybook and Tailwind CSSA design system is a set of reusable UI components and design tokens, like colors and fonts, that bridge the gap between designers and engineers. Designers use tools like Figma or Sketch to design UI components that can be reusable across multiple pr...Discuss·14 likes·269 readsStorybook
Chris BongersforDaily Dev Tipsdaily-dev-tips.hashnode.net·Nov 29, 2022Storybook - Additional integrationsBesides the many excellent examples we saw in the previous article, there are also amazing integrations we can add to our Storybook. These integrations vary from themes to specific tests to organizing tools. The website itself has them categorized in...Discuss·13 likes·54 readsWeb Development
