DEV Community

Hamed Farag
Hamed Farag

Posted on

Frontend Architecture: The Architecture - Summary

What is Frontend Architecture after all this?

Frontend architecture refers to the structure and organization of the client-side part of a web application and converting the architectural drivers into a technical solution, technical roadmap, communicating the vision to a number of stakeholders both inside and outside the software development team, and introducing the technical leadership.

What is the difference between Architecture and design?

"Architecture" typically refers to the high-level structural decisions that have a significant impact on the system and are difficult to change once made. On the other hand, "design" encompasses the detailed decisions and implementations that are more flexible and can be adjusted without major consequences.

What are the Architectural Drivers?

  • Functional Requirements: The technical functions that represent the main product features. These functions describe how the system behaves and what it should do.
  • Quality Attributes: Quality Attributes are a set of criteria that describe how a software system should behave and perform rather than specifying specific functionalities or features.
  • Constraints: Constraints can encompass various factors, such as technical limitations, resource constraints, or environmental considerations.
  • Principles: The Standards or the Guidelines that should be applied while implementing and creating the Frontend solution.

References

  1. Book: Software Architecture for Developers by @simonbrown
  2. Book: Frontend Architecture for Design System by Micah Godbolt
  3. Youtube: GOTO Conferences

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (0)

Qodo Takeover

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

Rather than just generating snippets, our agents understand your entire project context, can make decisions, use tools, and carry out tasks autonomously.

Read full post