100punti

AngularJS

60punti

Ractive JS

AngularJS
Vincitore del paragone
Ractive JS
vs
vs

35 dati a confronto

AngularJS vs Ractive JS

AngularJS
Ractive JS
100
punti
AngularJS
60
punti
Ractive JS

Perché AngularJS é meglio di Ractive JS?

  • I modelli sono semplici oggetti JavaScript
    ?
  • Usa le promise
    ?
  • Ha un filtraggio view automatico
    ?
  • Estende l'HTML
    ?
  • Ha un noto plugin che supporta l'animazione
    ?
  • Ha la Dependency Injection
    ?
  • Ha il noto boilerplate-project
    ?
  • Ha un' API pubblica stabile
    ?

Perché Ractive JS é meglio di AngularJS?

  • Dimensione del file senza dipendenze 16KB più piccole.
    ?

    65KBvs81KB
  • Utilizza un motore di template
    ?
  • La manipolazione DOM é agnostica
    ?
  • Supporta views composte (parziali)
    ?
  • Si integra bene con le librerie di terze parti per consentire supporto alle promises/A+
    ?
  • File di dimensioni 16KB inferiori (incluse le dipendencies)
    ?

    65KBvs81KB
  • Supporta 1 versioni precedenti di Internet Explorer
    ?

    7vs8
  • Utilizza osservabili per l'associazione di dati
    ?

Informazioni generali

1.Utilizza un motore di template
AngularJS
Ractive JS
I motori di template consentono una costruzione UI semplice e flessibile.
2.Ha un filtraggio view automatico
AngularJS
Ractive JS
Ha un meccanismo per filtrare le views sulla base di variabili di ambito (ad esempio durante la ricerca) senza la necessità di scrivere molto codice in più.
3.Estende l'HTML
AngularJS
Ractive JS
Alcune persone vedono questo come un vantaggio, in quanto elimina l´overhead da un altro linguaggio template.
4.Pubblicato sotto licenza MIT
AngularJS
Ractive JS
La licenza MIT è una licenza molto permissiva che consente tutti i tipi usi, compreso quello commerciale, senza alcuna garanzia.
5.Supporta views composte (parziali)
AngularJS
Ractive JS
Consente la vista all'interno di un modello del posizionamento dei modelli di view provenienti da un altro modello.
6.Ha il noto boilerplate-project
AngularJS
Ractive JS
Ha un boilerplate-project ufficiale o ben noto, che delinea la struttura del file consigliata e consente agli sviluppatori di iniziare velocemente.

Plugin

1.Ha un noto plugin che supporta l'animazione
AngularJS
Ractive JS
Ha un plugin che comprende strutture per creare facilmente visualizzare le animazioni view.
2.Astrazione RESTful sync Built-in per i modelli
AngularJS
Ractive JS
Include utilities per mantenere i modelli in sincronia con la loro rappresentazione server-side senza la necessità di scrivere jQuery boilerplate ajax calls.
3.ha una fonte plugin dedicata
AngularJS
Ractive JS
Questo mostra che il framework ha un ecosistema vivente, ampio sostegno della comunità e consente una maggiore flessibilità e un più rapido sviluppo.
4.Supporta l'animazione
AngularJS
Ractive JS
Comprende strutture/servizi per creare facilmente le animazioni view.
5.Ha un noto plugin che migliora il supporto LocalStorage
AngularJS
Ractive JS
Ha plugin che offre una semplice funzione per sincronizzare i modelli con l'HTML5 LocalStorage.

Libreria e Sistema di gestione dei pacchetti

1.La manipolazione DOM é agnostica
AngularJS
Ractive JS
Non richiede l'uso di una libreria specifica (come jQuery, MooTools o Zepto) per gestire la manipolazione DOM e può essere utilizzato come lo sviluppatore preferisce.
2.Supporta ufficialmente la gestione delle dipendenze Bower
AngularJS
Ractive JS
Bower è un gestore di pacchetti simil-npm semplice da usare per le applicazioni frontend.
3.include jQuery Lite
AngularJS
Ractive JS
Utilizza elementi jQuery Lite dove la manipolazione DOM è necessaria. In questo modo, gli sviluppatori possono essere aiutati dalle comode funzioni di supporto jQuery, senza dover includere l'intera libreria. In molti casi, questo elimina la dipendenza del progetto da jQuery.
4.Funziona con le librerie AMD come require.js
AngularJS
Ractive JS
Le librerie di definizione dei moduli asincroni consentono una facile e pulita programmazione modulare. Se un framework non funziona bene con queste librerie, potrebbe avere qualche altro mezzo per modularizzare i suoi componenti e risolvere le dipendenze, come la Dependency Injection.
5.Ha un ingresso ufficiale aggiornato nel gestore dei pacchetti npm
AngularJS
Ractive JS
Il gestore dei pacchetti nodo può essere utilizzato anche per la gestione di script front end.

Associazione dati

1.Ha l´associazione dati a due vie
AngularJS
Ractive JS
I modelli e le views possono essere associati per aggiornarsi l´un l'altro.
2.Supporta l´associazione dati a una via
AngularJS
Ractive JS
Le views possono essere associate ad aggiornamenti automatici quando un oggetto osservabile cambia.
3.I modelli sono semplici oggetti JavaScript
AngularJS
Ractive JS
Questo rende più facile il trasferimento dei dati tra l'applicazione, i REST-Services o il LocalStorage. Riduce anche la complessità di funzioni getter- e setter.
4.Utilizza osservabili per l'associazione di dati
AngularJS
Ractive JS
I modelli sono osservati per le modifiche. Questo è un esempio ben conosciuto. Può essere più performante di un dirty-check-in alcuni casi.
5.Utilizza il Dirty-Checking
AngularJS
Ractive JS
Verifica la presenza di eventuali modifiche, e aggiorna i campi corrispondenti. Può essere più performante di osservatori in alcuni casi.

Prestazioni

1.dimensione del file minified escluse le dipendenze

81KB

65KB

File con dimensioni minori significa tempi di caricamento più veloci.
2.Usa le promise
AngularJS
Ractive JS
Ha una implementazione interna delle Promises/A+ specification. Le promises sono una valida alternativa per i callback quando si ha a che fare con le risposte del server.
3.Supporta il routing e il deep linking
AngularJS
Ractive JS
Il routing consente l'interazione con l'url del browser. Questo è molto importante per una buona esperienza utente se si stanno costruendo applicazioni di una sola pagina.
4.Ha la Dependency Injection
AngularJS
Ractive JS
Questo migliora la testabilità e modularità.
5.Si integra bene con le librerie di terze parti per consentire supporto alle promises/A+
AngularJS
Ractive JS
Consente l'uso di librerie come jQuery Deferred per supportare le promises. Le promises sono una valida alternativa per i callback quando si tratta di risposte del server.
6.Aggiorna il DOM in modo asincrono
AngularJS
Ractive JS
Le modifiche del modello non risultano immediatamente aggiornate nella view, ma sono messe in coda e inviate come un gruppo. Questo può essere molto più performante invece di visualizzare gli aggiornamenti in modo istantaneo.

Quali sono i migliori MV* frameworks?

Mostra tutto
This page is currently only available in English.