How to do 'clean architecture' on front end?

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

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • 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.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

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