How to do 'clean architecture' on front end?

This page summarizes the projects mentioned and recommended in the original post on

Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • SonarLint - Clean code begins in your IDE with SonarLint
  • Scout APM - Less time debugging, more time building
  • todomvc

    Helping you select an MV* framework - Todo apps for React.js, Ember.js, Angular, and many more

    While acknowledging that this is a very subjective question, and that most often "clean code" is more accurately understood as "code that I like", sure. You can compare a bunch of different ways people think a good architecture is by looking at all the todomvc implementations. Since this is a simple yet not completely trivial app to build, you see the two big pieces that any front end architecture needs to account for: how the view works, and how the data flow works.

  • Svelte

    Cybernetically enhanced web apps

    The view is less interesting to think about these days as we've largely settled on templates and various forms of JSX-like extensions with components. Even things like svelte, which infamously takes a very different approach, still looks like conventional JSX (albeit with some nice shorthands, and some weird syntax for observables). If you want a vanilla JS solution, though, this might still be interesting to think about.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts