This week i was reading this interesting survey about the state of frontend development and to my surprise, it contained an entry about micro-frontends! This is a sign that it is becoming a recognized and established pattern in the industry. Micro Frontends are embraced by a variety of companies nowadays…

A monorepo can be described as a repository that contains more than one logical project. These projects can be unrelated, loosely coupled or connected by dependency management tools, they are usually large in size, number of branches, commits and working developers. React applications are all about components, when developing react…

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…