Вопрос по – Каковы реальные сильные и слабые стороны многих фреймворков, основанных на backbone.js? [закрыто]

186

Error: User Rate Limit Exceeded

Error: User Rate Limit Exceeded

Marionette Geppetto (based on Marionette) Chaplin, Chaplin - chaplin-boilerplate Vertebrae LayoutManager Thorax Aura Luca Singool backstack Backbone UI

hulk

BTW - excellent starting point for big scale project

Error: User Rate Limit Exceeded

Error: User Rate Limit Exceeded

speakerdeck talk link

Error: User Rate Limit Exceeded

Error: User Rate Limit Exceeded

Error: User Rate Limit Exceededuse whats best for your needsError: User Rate Limit Exceeded

Спасибо!

Edit 1:Error: User Rate Limit ExceededError: User Rate Limit Exceeded

Edit 2: Answer by Mathias schafer (Chaplin) by mail:

Error: User Rate Limit Exceeded

Error: User Rate Limit Exceeded

Error: User Rate Limit Exceeded

Error: User Rate Limit Exceeded

Error: User Rate Limit Exceeded

Error: User Rate Limit Exceeded

Error: User Rate Limit Exceeded

Error: User Rate Limit Exceeded kontur

Ваш Ответ

3   ответа
13

Views, Components, Containers

Augmented Model, View, Collection, Router classes Configuration options that facilitate communication between Models, Collections, Views, the Application and its respective managers. Containers ( Split / Column Layout, Grid Layout, Tab View, Card / Wizard View ) FormView with all of the standard field components, and helpers for syncing with a Backbone.Model GridView, for generating scrollable grid elements from a Luca.Collection CollectionView, for generating views based on a collection Toolbars / Buttons

Twitter Bootstrap Styles and Markup For Free

Luca plays very well with the Twitter bootstrap framework. Simply by setting Luca.enableBootstrap = true, and including the CSS, your components ( such as the tab views, the toolbars, buttons, forms, fields, grids, etc ) will automatically use Twitter Bootstrap compatible markup and CSS class conventions. Uses the Grid system for layout, and responds to most of the bootstrap base css classes in an intelligent way Luca.Viewport and GridLayout components are setup to work with bootstrap's responsive, fluid, or static grid systems. Aims to provide a one to one match for twitter bootstrap components, to represent them as configurable Backbone Views

The Application Component

Backbone.Model based state machine provides getter / setter methods and attribute change events as a style of application control flow Integrated Controller component which hides / shows pages of the app in response to Backbone.Router or State Machine events Integrated Collection Manager which keeps track of the collections you have created, allows you to scope them, group them, assign default parameters to them A Socket Manager which is an abstraction layer on top of websocket services that makes push as easy as Backbone.Event A Keyboard Event router which triggers named key events on components which care to respond to such events

Collection and Model Enhancements

Collections are based on backbone-query, which provides a querying interface very similar to mongoDb enable a local storage Backbone.sync simply by setting collection.localStorage = true automatic population of collections whose data is bootstrapped on page load cached methods / computed properties. cache the result of collection methods, and expire the cache in response to change / add / remove events on the collection or its models computed properties on the models. build attributes based on complex function, and automatically update the computed value in response to changes

Events and Hooks

The Ruby Gem

Files with the .luca extension get processed as HAML with JST style variable interpolation. ( equivalent to .jst.ejs.haml ) by the asset pipeline A Test Harness for browser, or headless Jasmine based Unit Tests along with many Backbone and Underscore test helpers. An API endpoint for the development toolset that ships with Luca ( more on this later ) An API endpoint that allows you to use Redis as a schemaless storage engine for Luca.Collection with minimal configuration

The Development Tools

Luca applications can enable an in browser coffeescript console with Luca specific helpers and commands that aid in monitoring, inspecting, debugging Luca applications and components

An example of the Luca in browser Development Console powered by CoffeeScript

With the help of the Rails Gem, and Luca's CodeMirror based component editor, you can edit the source code of the Luca Framework as well the application specific components directly in the browser, using Coffeescript. You will see immediate feedback in response to your edits, with the instances of effected objects being refreshed with the updated prototype, and you can save your changes to disk.

The Component Tester is a live sandbox for playing with the components that make up your application in isolation. It provides you with tools for modifying the component's prototype, setting up its dependencies, and configuring the component. The component will re-render immediately every time you make an edit. You can view and edit the markup that the component generates, as well as the CSS directly in the browser and see your changes immediately. This makes it a very valuable experimentation tool.

The Component Tester will soon integrate with Jasmine so you can view the results of your component unit tests in real time as you edit their code

A screenshot of the component tester

13

Our Problem:

an object (model) to manage state of the single-page application; a layout manager to present, arrange/transition and clear views, and controllers which respond to routes, get/set application state, and hand off work to layout manager.

Our Solutions

Application State Manager -

Layout Manager -

Controller -

http://vertebrae-framework.herokuapp.com/ http://vertebrae-optimized.herokuapp.com/

Error: User Rate Limit Exceeded danikoren
132

Provide sensible set of defaults Reduce boilerplate code Provide application structure on top of the BackboneJS building blocks Extract patterns that authors use in their apps

Composite application architecture Enterprise messaging pattern influence Modularization options Incremental use (no all-or-nothing requirement) No server lock-in Make it easy to change those defaults Code as configuration / over configuration

Composite Application Architecture

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/ Message Queues / Patterns

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 still applicable) Modularization

module


MyApp = new Backbone.Marionette.Application();

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

  // your module code goes here

});

Incremental Use

Region


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

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

closeonShow

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/ No Server Lock-in

ASP.NET MVC Ruby on Rails Ruby / Sinatra NodeJS / ExpressJS PHP / Slim Java Erlang ... and more

https://github.com/derickbailey/backbone.marionette/wiki/Available-packages Easily Change The Defaults

<script>RendererTempalteCache


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

template

Code As Configuration

Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
Error: User Rate Limit ExceededWhat are the strengths and weaknesses of....
Error: User Rate Limit ExceededWhat is the benefit of choosing one over the other?Error: User Rate Limit ExceededMarionette [...] has a few very distinct goals and ideals in mindError: User Rate Limit ExceededPlease explain what each of these frameworks can doError: User Rate Limit Exceeded
Error: User Rate Limit Exceeded

Похожие вопросы