How Our Stack Evolved in 10 Years
Tags: webdev, react, javascript, frontend
Published: 2020-04-27 15:49:42

---
title: How Our Stack Evolved in 10 Years
published: true
description: Web Stack 2010 vs 2020
tags: webdev, react, javascript, frontend
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/7289zejmzu3mtk5clroq.png
---

### ###

One of the perks of working in the same place for the last 10 years is that I got to see how our stack evolved.

| **Technologies**  | **2010**                                 | **2020**                                                                                                                                                                                  |
|-------------------|------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| Frontend          | HTML<br> CSS<br> JavaScript<br> jQuery   | [HTML5](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5)<br> [Sass](https://sass-lang.com/)<br> [ReactJS](https://reactjs.org/)<br> [Gatsby](https://www.gatsbyjs.org/)<br> |
| Backend           | Apache 2.0<br> PHP 5.3<br> MySQL 5.1<br> | [Nginx](https://www.nginx.com/)<br> [Node.js](https://nodejs.org/en/)<br> [MongoDB](https://www.mongodb.com/)<br>                                                                         |
| Infrastructure    | Servers in our office                    | [Amazon Web Services](https://aws.amazon.com/)<br> [Google Cloud Services](https://cloud.google.com/)<br>                                                                                 |
| Automated Testing | Selenium WebDriver                       | [Endtest](https://endtest.io)                                                                                                                                                             |
| Analytics         | Google Analytics                         | [FullStory](https://www.fullstory.com/)<br> [Amplitude](https://amplitude.com/)<br> [Segment](https://segment.com/)<br>                                                                   |


##In the spotlight:##


##**1. [Gatsby](https://www.gatsbyjs.org) ❤️**##

Gatsby renders your React views to static HTML files that get sent to the client, making the site usable even with JavaScript disabled.

This means that the client does not have to do the heavy lifting of building the site with JavaScript. 

This improves SEO and performance, since the site can be rendered much faster on initial load.

##**2. [Endtest](https://endtest.io) ❤️**##

Endtest allows us to create automated tests in a few minutes and execute them on their cross-browser cloud, without even having to write any code. 

It enables us to execute tests on Chrome, Firefox, Safari, Edge, Internet Explorer and mobile browsers. 

We have a set of regression tests which are running multiple times each day, giving us the confidence that we're the first ones to find out when something breaks. 


##**3. [FullStory](https://fullstory.com) ❤️**##

FullStory records the sessions of our users and allows us to see the replays. 

This helps us in discovering potential UX issues before they cost us.

There has been a constant debate if using session recorders is ethical.

We do show it in our list of Subprocessors. 

##**Final thoughts**##

The overall trend has evolved towards lifting some of the weight off our shoulders. 

What about your stack? How has it changed over time?