Improving Developer Happiness with Preview.js
React Summit 2022![](/_next/static/media/article-head-bg-not-mask-optimized.42d4b7d2.avif)
![React Summit 2022](https://gitnation.imgix.net/stichting-frontend-amsterdam/image/upload/v1619376923/fszvxiu9y2alolt9eymk.jpg?auto=format,compress&fit=scale&w=60)
21 min
Improving Developer Happiness with Preview.js
![](/_next/static/media/article-head-bg-not-mask-optimized.42d4b7d2.avif)
A look into Preview.js, an open-source extension for Visual Studio Code, IntelliJ and WebStorm that lets you preview individual React components instantly, updated as you type.
Screenshot testing with ViteShot
React Finland 2021![](/_next/static/media/article-head-bg-not-mask-optimized.42d4b7d2.avif)
![React Finland 2021](https://gitnation.imgix.net/stichting-frontend-amsterdam/image/upload/v1629803081/m44ks3tosbys1bgh1e6s.jpg?auto=format,compress&fit=scale&w=60)
22 min
Screenshot testing with ViteShot
![](/_next/static/media/article-head-bg-not-mask-optimized.42d4b7d2.avif)
François will introduce ViteShot, a new open-source tool that can generate screenshots of HTML/CSS components within seconds, so you can be confident that your UI looks exactly the way it's supposed to.