Gartner Research

Future-Proofing Your Modern Web App Architecture

Published: 16 April 2020

ID: G00432894

Analyst(s): Danny Brian

Summary

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.

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

©2020 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.

Already have a Gartner Account?

Become a client

Learn how to access this content as a Gartner client.