¿Cuál debería ser mi próximo paso lógico después de crear pantallas de maquetas para mi aplicación?

De hecho, creo que su lista funciona bien en el orden exactamente opuesto, aunque tal vez cambiaría Moustache por Angular.

  • Termine de crear HTML y CSS para obtener una representación real y completa de cómo se verá su aplicación. Incluya una fila para cualquier contenido basado en listas basado en datos para que pueda ver cómo se verá.
  • Agregue una aplicación angular al final del HTML, con un modelo simulado de más de una entrada. Decore el elemento de la lista con los atributos ng para engancharlo en Angular y reemplace el texto estático con ng-bind, para que pueda ver cómo se verá su lista llena de datos. También puede agregar ng-click a cualquier botón para comenzar a burlarse de las interacciones con su modelo.
  • Comience a escribir su back-end para facilitar la persistencia de su modelo. Diseñe su base de datos, tablas y columnas (o documente si sigue la ruta Mongo). Escriba su aplicación del lado del servidor, enfocándose en la autenticación del usuario y cree / lea / actualice / elimine (CRUD) llamadas a su base de datos. Sus consultas de lectura deben devolverse como JSON para que su aplicación front-end pueda consumirla. Entonces, todo lo que tiene que hacer es reemplazar los datos simulados de su front-end con los datos en vivo obtenidos del servidor.

Menciono Angular en lugar de React por el trabajo que ya has hecho. Agregar Angular en el marcado existente es realmente fácil, donde React te obliga a pensar en los métodos y la jerarquía de los objetos de inmediato.

Al concentrarse primero en el aspecto de su aplicación, obtiene algunos beneficios:

  • Es muy fácil iterar cuando descubres que necesitas agregar o cambiar la funcionalidad, ya que todo lo que tienes que hacer es cambiar el marcado y / o los estilos.
  • Es más fácil escribir la funcionalidad del lado del servidor porque ya sabrá las actividades que puede realizar su aplicación.