¿Cómo organizas tus archivos Backbone?

Question

Estoy buscando implementar backbone en un gran proyecto web con varias "aplicaciones" que lo utilizarán y estoy tratando de encontrar una buena manera de organizar mis archivos. Los dos que he encontrado hasta el momento son:

js 
+- models 
| +- search 
| | +- result.js 
| | +- ... 
| +- cart 
| | +- item.js 
| | +- ... 
| ... 
+- collections 
| +- search 
| | +- results.js 
| | +- ... 
| +- cart 
| | +- items.js 
| | +- ... 
| ... 
+- views 
| +- search 
| | +- resultRow.js 
| | +- ... 
| +- cart 
| | +- itemRow.js 
| | +- ... 
| ... 
+- routers 
| +- search 
| +- cart 
| ... 

Y

js 
+- search 
| +- models 
| | +- result.js 
| | +- ... 
| ... 
| +- collections 
| | +- results.js 
| | +- ... 
| ... 
| +- views 
| | +- resultRow.js 
| | +- ... 
+- cart 
| +- models 
| | +- item.js 
| | +- ... 
| ... 
| +- collections 
| | +- items.js 
| | +- ... 
| ... 
| +- views 
| | +- itemRow.js 
| | +- ... 
+- routers 
| +- search 
| +- cart 
| ... 

me estoy inclinando hacia este último, ya que tiene líneas más claras entre las secciones de la página web y mantiene las aplicaciones juntos, pero nuestra estructura actual del framework back-end es mucho más parecida a la anterior.

Answer 1

iría con una versión modificada de la segunda ... básicamente, suelte las carpetas para m, v y c en cada una de las secciones de su sitio. realmente no hay necesidad de separarlos en subcarpetas cuando los nombres de los archivos y las clases ya reflejarán lo que son.

js 
+- search 
| +- result.js 
| +- results.js 
| +- resultRow.js 
| +- ... 
+- cart 
| +- item.js 
| +- items.js 
| +- itemRow.js 
| +- ... 
+- routers 
| +- search 
| +- cart 
| ... 

mirar esta disposición, todavía sé que "elemento" es un modelo, "elementos" es una colección y "itemRow" es un punto de vista, porque esa es la convención de que haya configurado. agregar la capa adicional de nombres de carpeta solo agrega complejidad y no agrega ningún valor, en mi opinión.

también - (probablemente sepa esto, pero en caso de que otros que lean esta publicación no ...) asegúrese de usar algo como require.js para consolidar/minificar todas sus js en un solo archivo antes de implementarlo en sus entornos de producción. mantener el código organizado de esta manera es ideal para fines de desarrollo y depuración. pero cuando llega el momento de que un sistema de producción use el código, dividirlo en múltiples archivos causa retrasos significativos para el usuario final. require.js resuelve este problema al proporcionar una forma fácil de tener ambos archivos organizados durante el trabajo de desarrollo y un único archivo modificado para la producción.