¿Cómo externalizo la interfaz de usuario de una aplicación web dinámica?

Divide tu aplicación en UI y API. Dejame explicar.

1) Cada aplicación se construye dos veces . Una vez como maqueta / prototipo por su diseñador y posteriormente como producto final por su equipo de ingeniería

2) Construye la maqueta primero. Con la maqueta, puede comprender claramente los datos y las operaciones que se requieren en cada pantalla. Demarque claramente la lógica que se procesa en la interfaz de usuario y la que se procesa en la API. Este entendimiento debe formar la base para su diseño de API. Esto generalmente se conoce como desarrollo impulsado por la interfaz de usuario.

3) Ahora que sabe todo sobre los datos y las operaciones, diseñe la API con cuidado. Intenta apegarte al paradigma de los sustantivos y verbos. A partir de ahora no hay necesidad de hablar con el servidor todavía. Para empezar, solo defina las URL de API y arroje algunos json. En este momento, los desarrolladores front-end pueden comenzar a codificar. Tienen el diseño y algunos datos para trabajar. Pueden poner en funcionamiento las páginas “http GET”.

4) Mientras sus desarrolladores front-end están haciendo su trabajo, comience a construir su backend * . Digamos que lo construimos con Node + Express + MongDb. Lentamente, comenzamos a implementar API reales que reemplazan a las apis de jummy ficticias.

5) Una planificación en términos de cronología del desarrollo de pantallas definitivamente ayudaría a priorizar las API que deben desarrollarse.

* La elección del backend es un requisito previo y debe realizarse junto con el paso 2).

Yo elegiría un enfoque basado en datos.

  • Exportar todos los puntos finales de datos.
  • Cree una IU estática simulada donde una página, o alguna subpágina, literalmente deba actualizarse.
  • Crea un diseño dinámico.
  • Describa el comportamiento dinámico del usuario en detalle.
  • Subcontratar e iterar.

Sin embargo, alguien más inteligente que yo me dijo recientemente que la tendencia moderna es tener aplicaciones cada vez más pesadas. Todavía no lo compro por completo, pero es algo a tener en cuenta.