Gartner Research

Future-Proofing Your Modern Web App Architecture


Developers face a confusing and often unreliable ecosystem of front-end web technologies, frameworks and practices. Future-proof options have emerged over the past few years. Application technical professionals should be familiar with these options for a solid front-end architecture going forward.

Published: 16 April 2020

ID: G00432894

Analyst(s): Danny Brian

Table Of Contents

Problem Statement

The Gartner Approach

The Guidance Framework

  • Prework
  • Step 1: Create and Maintain a Separate Project for Each Library
  • Step 2: Create Basic Unit Tests and Automate Them
    • Browser-Based Unit Testing
    • Building Out Test Coverage
  • Step 3: Create ES6 Modules and Functions for Reusable Functionality
  • Step 4: Design and Document a Simple Custom Element to Demonstrate Library Usage
  • Step 5: Write CSS Using a Preprocessor and Custom Properties
  • Step 6: Create a Simple Build Process for Deployment
  • Follow-Up

Risks and Pitfalls

  • Developers Neglect Education in Core JavaScript, CSS, and HTML Technologies
  • Framework Selection Calls Into Question the Need for Reuse
  • The JavaScript Ecosystem Becomes Challenging to Navigate
  • Developers Write Poor or Incomplete Tests

Gartner Recommended Reading

Already a Gartner client?

Become a Client

This research is reserved for paying clients. Speak with a Gartner specialist to learn how you can access this research as a client, plus insights, advice and tools to help you achieve your goals.

Contact Information

All fields are required.

By clicking the "Submit" button, you are agreeing to the Gartner Terms of Use and Privacy Policy.

Experience Information Technology conferences

Join your peers for the unveiling of the latest insights at Gartner conferences.

©2021 Gartner, Inc. and/or its affiliates. All rights reserved. Gartner is a registered trademark of Gartner, Inc. and its affiliates. This publication may not be reproduced or distributed in any form without Gartner’s prior written permission. It consists of the opinions of Gartner’s research organization, which should not be construed as statements of fact. While the information contained in this publication has been obtained from sources believed to be reliable, Gartner disclaims all warranties as to the accuracy, completeness or adequacy of such information. Although Gartner research may address legal and financial issues, Gartner does not provide legal or investment advice and its research should not be construed or used as such. Your access and use of this publication are governed by Gartner’s Usage Policy. Gartner prides itself on its reputation for independence and objectivity. Its research is produced independently by its research organization without input or influence from any third party. For further information, see Guiding Principles on Independence and Objectivity.