Quelles sont les forces et les faiblesses réelles des nombreux cadres fondés sur l'épine dorsale?js? [fermé]

la plupart du temps? les cadres que vous regardez résolvent les mêmes problèmes, mais ils le font de manière légèrement différente avec des buts légèrement différents.

je pense qu'il est juste de dire que tous ces projets résoudraient les problèmes dans ces catégories:

• Offrir un assortiment de défaut
• Réduire code réutilisable
• fournir la structure d'application sur le dessus de la BackboneJS blocs de construction
• extraire les modèles que les auteurs utilisent dans leurs applications

Marionette, que je construis depuis décembre 2011, a quelques objectifs et idéaux très distincts à l'esprit, ainsi:

• Composite de l'architecture de l'application
• Entreprise modèle de messagerie influence
• Options de modularisation
• Différentiels utilisation (pas tout-ou-rien)
• Aucun serveur de lock-in
• le Rendent facile de changer ces valeurs par défaut
• Code de configuration / configuration

Je ne dis pas qu'aucun des autres cadres n'a les mêmes objectifs. Mais je pense que le caractère unique de Marionette vient de la combinaison de ces objectifs.

Composite De L'Architecture De L'Application

j'ai passé plus de 5 ans à travailler dans des systèmes logiciels distribués à gros clients utilisant WinForms et C#. J'ai créé des applications pour ordinateur de bureau, Ordinateur Portable (smart-client), appareils mobiles et applications web, tous partageant un ensemble fonctionnel de base et de travailler avec le même serveur back-end de nombreuses fois. Pendant ce temps, j'ai appris la valeur de la modularisation et j'ai suivi très rapidement une voie de conception d'application composite.

L'idée de base est de "composer" de votre application d'exécution faites l'expérience et traitez de nombreuses petites pièces individuelles qui ne se connaissent pas nécessairement. Ils s'inscrivent dans le système d'application composite global et communiquent ensuite par divers moyens de messages et d'appels découplés.

j'ai écrit un petit peu à ce sujet sur mon blog, présentant Marionette comme une architecture d'application composite pour L'épine dorsale:

• http://lostechies.com/derickbailey/2011/11/17/introduction-to-composite-javascript-apps/
• http://lostechies.com/derickbailey/2011/12/12/composite-js-apps-regions-and-region-managers/

Messages Queues /Patterns

les mêmes systèmes distribués à grande échelle ont également profité de la mise en file d'attente des messages, des modèles d'intégration des entreprises (Modèles de messagerie) et des services des bus pour gérer les messages. Cela, plus que toute autre chose, a eu une influence énorme sur mon approche du développement de logiciels découplés. J'ai commencé à voir des applications WinForms mono-processus, en mémoire de cette perspective, et bientôt mon côté serveur et le développement d'applications web ont pris l'influence de ceci.

cela s'est traduit directement dans la façon dont je regarde la conception de L'application de base. Je fournis un agrégateur d'événements en marionnette, à la fois pour le niveau élevé Objet de l'Application, et pour chaque module que vous créez dans l'application.

je pense aux messages que je peux envoyer entre mes modules: messages de commande, messages d'événement, et plus encore. Je pense également à la communication côté serveur comme des messages avec ces mêmes modèles. Certains modèles ont fait leur chemin dans la Marionnette déjà, mais certains n'ont pas encore.

• http://lostechies.com/derickbailey/2011/07/19/references-routing-and-the-event-aggregator-coordinating-views-in-backbone-js/
• http://lostechies.com/derickbailey/2012/04/03/revisiting-the-backbone-event-aggregator-lessons-learned/
• http://lostechies.com/derickbailey/2009/12/23/understanding-the-application-controller-through-object-messaging-patterns / (WinForms code, but toujours applicable)

modularisation

la modularisation du code est extrêmement importante. La création de petits paquets bien encapsulés qui ont une focalisation unique avec des points d'entrée et de sortie bien définis est un must pour tout système de n'importe quelle taille significative et complexité.

marionnette fournit la modularisation directement à travers ses module définitions. Mais je reconnais aussi que certaines personnes comme RequireJS et souhaitez l'utiliser. Donc, je fournis à la fois une construction standard et une construction compatible Requesjs.

MyApp = new Backbone.Marionette.Application();

MyApp.module("MyModule", function(MyModule, MyApp, Backbone, Marionette, $, _){

  // your module code goes here

});

(aucun billet de blog disponible pour cette fois)

Utilisation Supplémentaire

C'est l'une des philosophies fondamentales que je cuisine pour chaque partie de la marionnette que je peux: pas d'exigence de" tout ou rien " pour l'utilisation de la Marionnette.

Backbone elle-même adopte une approche très progressive et modulaire avec tous les c'est bloc de construction des objets. Vous êtes libre de choisir ceux que vous souhaitez utiliser, quand. Je crois fermement en ce principe et je m'efforce de faire en sorte que Marionette fonctionne de la même manière.

à cette fin, la majorité des pièces que j'ai construites pour Marionette sont construites pour être autonomes, pour travailler avec les pièces centrales de L'épine dorsale, et pour travailler ensemble encore mieux.

par exemple, presque chaque application de base doit montrer dynamiquement une colonne vertébrale afficher dans un certain endroit sur l'écran. Les applications doivent également gérer la fermeture des anciennes vues et le nettoyage de la mémoire lorsqu'une nouvelle est mise en place. C'est ici que le Region de Marionette entre en jeu. Une région gère le code boilerplate de taking a view, calling render on it, et empile le résultat dans le DOM pour vous. Puis fermera cette vue et la nettoiera pour vous, à condition que votre vue ait une méthode de "fermeture".

MyApp.addRegions({
  someRegion: "#some-div"
});

MyApp.someRegion.show(new MyView());

mais vous n'êtes pas obligé de utilisez les vues de la marionnette pour utiliser une région. La seule exigence est que vous vous étendez à partir de L'épine dorsale.Vue à un certain point dans la chaîne prototype de l'objet. Si vous choisissez de fournir une méthode close , une méthode onShow , ou d'autres, la région de Marionette l'appellera pour vous au bon moment.

• http://lostechies.com/derickbailey/2011/12/12/composite-js-apps-regions-and-region-managers/
• http://lostechies.com/derickbailey/2011/09/15/zombies-run-managing-page-transitions-in-backbone-apps/

Aucun Serveur de Lock-in

je construis des applications Backbone / Marionette sur une grande variété de technologies de serveur:

• ASP.NET MVC
• Ruby on Rails
• Ruby / Sinatra
• NodeJS / ExpressJS
• PHP / Slim
• Java
• Erlang
• ... et plus

JavaScript JavaScript est-il, quand il s'agit de s'exécutant dans un navigateur. JavaScript côté serveur est génial, aussi, mais il a zéro effet ou d'influence sur la façon dont j'écris JavaScript basé sur mon navigateur.

en raison de la diversité des projets que j'ai construits et des technologies d'arrière-plan que mes clients utiliser, Je ne peux pas et ne veux pas verrouiller Marionette à une seule pile de technologie côté serveur pour quelque raison que ce soit. Je ne fournirai pas de projet de plate-forme. Je ne fournirai pas un rubis ou un paquet npm. Je veux que les gens comprennent que Marionette n'a pas besoin d'un serveur de back-end spécifique. C'est du JavaScript basé sur le navigateur, et la fin n'a pas d'importance.

bien sûr, je soutiens pleinement les autres personnes qui fournissent des paquets pour leur langue et leur cadre. J'ai listé ces paquets dans le Wiki et espérer que les gens continuent à construire plus de paquets quand ils en ont besoin. Mais c'est un soutien communautaire, pas un soutien direct de la part de la Marionnette.

• https://github.com/derickbailey/backbone.marionette/wiki/Available-packages

Change Facilement Les Valeurs Par Défaut

dans mon effort pour réduire le code boilerplate et fournir par défaut sensible (qui est une idée que je directement "emprunté" au LayoutManager de Tim Branyen), je reconnais la nécessité pour les autres développeurs d'utiliser des implémentations légèrement différentes que moi.

je fournis le rendu basé sur inline <script> tags pour les gabarits, en utilisant des underscores.js templating par défaut. Mais vous pouvez remplacer cela en changeant les objets Renderer et/ou TempalteCache en marionnette. Ces deux objets fournissent le noyau des capacités de rendu, et il y a des pages wiki qui montrent comment changer ceci pour des moteurs de templating spécifiques et différentes façons de charger des templates.

avec v0.9 de marionnette, ça devient encore plus facile. Par exemple, si vous voulez remplacer l'utilisation de blocs de script de template en ligne par des templates pré-compilés, vous n'avez qu'à remplacer une méthode sur le Renderer:

Backbone.Marionette.Renderer.render = function(template, data){
  return template(data);
};

et maintenant l'application entière utilisera des gabarits pré-compilés que vous attacherez à l'attribut template de votre vue.

je fournis même une marionnette.Add-on Async avec v0.9 cela vous permet de prendre en charge le rendu asynchrone des vues. Je m'efforce en permanence de rendre aussi facile que possible le remplacement des comportements par défaut dans Marionette.

Code Comme Configuration

je suis fan de" convention over configuration " dans certains contextes. C'est un moyen puissant de faire les choses, et de Marionnettes fournit un petit peu - mais pas trop, honnêtement. Beaucoup d'autres cadres - en particulier LayoutManager - offrent plus de conventions sur la configuration que Marionette ne le fait.

C'est fait avec un but et une intention.

j'ai construit assez de plugins JavaScript, cadres, add-ons et applications pour connaître la douleur d'essayer d'obtenir des conventions à travailler d'une manière significative et rapide. Cela peut être fait avec rapidité, mais généralement au prix de pouvoir le changer.

À cette fin, je prends un approche" code comme configuration " de la Marionnette. Je ne fournis pas beaucoup d'API de "configuration" où vous pouvez fournir un objet littéral avec des valeurs statiques qui changent un certain nombre de comportements. Au lieu de cela, je documente les méthodes que chaque objet a - à la fois par le code source annoté et par la documentation API réelle - avec l'intention de vous dire comment changer la marionnette pour travailler comme vous voulez.

en fournissant une API propre et claire pour les objets de marionnette, Je créer une situation où remplacer le comportement d'un objet spécifique ou D'une marionnette dans son ensemble est relativement simple et très flexible. Je sacrifie L'API de configuration "simple" pour la flexibilité de fournir votre propre code pour faire fonctionner les choses comme vous le souhaitez.

vous ne trouverez pas D'API" configure "ou" options " dans Marionette. Mais vous trouverez un grand nombre de méthodes qui chacun servent un but très spécifique, avec des signatures propres, qui le rendent facile à changer le fonctionnement de la Marionnette.