The latest articles on Forem by Andrew Gibson (@andrewkeyboardwarrior). https://forem.com/andrewkeyboardwarrior https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F374634%2F1de77223-2ec5-4f57-b82f-6592278cc825.jpeg https://forem.com/andrewkeyboardwarrior en Andrew Gibson Mon, 27 Apr 2020 15:49:42 +0000 https://forem.com/andrewkeyboardwarrior/how-our-stack-evolved-in-10-years-5fmn https://forem.com/andrewkeyboardwarrior/how-our-stack-evolved-in-10-years-5fmn <p>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.</p> <div class="table-wrapper-paragraph"><table> <thead> <tr> <th><strong>Technologies</strong></th> <th><strong>2010</strong></th> <th><strong>2020</strong></th> </tr> </thead> <tbody> <tr> <td>Frontend</td> <td>HTML<br> CSS<br> JavaScript<br> jQuery</td> <td> <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5">HTML5</a><br> <a href="https://sass-lang.com/">Sass</a><br> <a href="https://reactjs.org/">ReactJS</a><br> <a href="https://www.gatsbyjs.org/">Gatsby</a><br> </td> </tr> <tr> <td>Backend</td> <td>Apache 2.0<br> PHP 5.3<br> MySQL 5.1<br> </td> <td> <a href="https://www.nginx.com/">Nginx</a><br> <a href="https://nodejs.org/en/">Node.js</a><br> <a href="https://www.mongodb.com/">MongoDB</a><br> </td> </tr> <tr> <td>Infrastructure</td> <td>Servers in our office</td> <td> <a href="https://aws.amazon.com/">Amazon Web Services</a><br> <a href="https://cloud.google.com/">Google Cloud Services</a><br> </td> </tr> <tr> <td>Automated Testing</td> <td>Selenium WebDriver</td> <td><a href="https://endtest.io">Endtest</a></td> </tr> <tr> <td>Analytics</td> <td>Google Analytics</td> <td> <a href="https://www.fullstory.com/">FullStory</a><br> <a href="https://amplitude.com/">Amplitude</a><br> <a href="https://segment.com/">Segment</a><br> </td> </tr> </tbody> </table></div> <h2> In the spotlight: </h2> <h2> <strong>1. <a href="https://www.gatsbyjs.org">Gatsby</a> ❤️</strong> </h2> <p>Gatsby renders your React views to static HTML files that get sent to the client, making the site usable even with JavaScript disabled.</p> <p>This means that the client does not have to do the heavy lifting of building the site with JavaScript. </p> <p>This improves SEO and performance, since the site can be rendered much faster on initial load.</p> <h2> <strong>2. <a href="https://endtest.io">Endtest</a> ❤️</strong> </h2> <p>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. </p> <p>It enables us to execute tests on Chrome, Firefox, Safari, Edge, Internet Explorer and mobile browsers. </p> <p>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. </p> <h2> <strong>3. <a href="https://fullstory.com">FullStory</a> ❤️</strong> </h2> <p>FullStory records the sessions of our users and allows us to see the replays. </p> <p>This helps us in discovering potential UX issues before they cost us.</p> <p>There has been a constant debate if using session recorders is ethical.</p> <p>We do show it in our list of Subprocessors. </p> <h2> <strong>Final thoughts</strong> </h2> <p>The overall trend has evolved towards lifting some of the weight off our shoulders. </p> <p>What about your stack? How has it changed over time?</p> webdev react javascript frontend