One of the best practices for properly using snapshots is to commit them, so that others can code review the changes you’ve made to the expected output. For this process to work smoothly your snapshots need to have a clean and highly readable output, that makes it really easy for…

Snapshots are a great new way of testing UI components but their applicability can go beyond that, and they can be really useful in other contexts too. In reality with Jest snapshots it’s possible to test and assert the output of any serializable value. Let’s assume the following scenario: we…

Snapshot testing with React makes writing tests for UI components a much easier task, but as always there are some good rules to follow and be aware of when getting started with snapshots. Always commit your snapshots Snapshots should always be committed to source control as it allows others to easily…

Since version 14 Jest introduced a feature called snapshot testing. Snapshot testing is a way to assert the result of a given test by generating a Json representation of its output. Snapshot Testing how does it work? The first time your test is run, a Json representation of your expected output is saved to a file…

Envifying is a simple and often misunderstood tool to create custom builds based on a predefined variable. How envifying works Envifying is the process of replacing this: if(node.process.env === "production") Into this: if("production" === "production") This is done based on a predefined variable set on your build process, in this case we’re using…

Javascript as a language has been dormant for a few years, but from now on a new version of the language will be released every year. Javascript is now a constantly evolving language and transpilers are here to stay, to allow us to take advantage of these features today. What…

Many of todays performance concerns focus on getting assets to the user as fast as possible, page load time and time to first byte are often the most important and audited metrics, but runtime performance is many times forgotten and as important as these metrics. It’s no good to have…

If we look at some of the latest data, that compares the mobile web, with native apps, we can see that the mobile web, clearly has a broader reach, but lacks by a much larger extent on engagement. Why is this happening? This seems to be an experience related problem, these days native apps…

The modern web is evolving at a crazy fast pace, new technologies are coming up all the time, new devices are being released constantly. Companies and developers need to follow the pace and be able to move fast, iterate, adapt and evolve. Frontend Development is a discipline that moves particularly…