Zum Inhalt springen

Backbone.js

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 08.11.2026

Backbone.js ist eine JavaScript-Bibliothek, die Jeremy Ashkenas 2010 veröffentlicht hat. Sie war eine der ersten, die Ordnung in größere Anwendungen im Browser brachte, indem sie Daten, Darstellung und Adressen in eigene Bausteine trennte.

Backbone.js

Eine schlanke JavaScript-Bibliothek, die Daten in Modelle und Sammlungen und die Darstellung in Ansichten gliedert.
Beispiel: „Das alte Kundenportal ist noch mit Backbone.js gebaut und soll im nächsten Jahr abgelöst werden.“

Verwandt: Underscore.js, eine Sammlung von Hilfsfunktionen vom selben Entwickler, auf der Backbone aufbaut.

Abgrenzung zu React: Backbone gibt nur eine Struktur vor und überlässt das Zeichnen der Oberfläche dir. React übernimmt genau diesen Teil.

Was Backbone.js eingeführt hat

Vier Bausteine: Modelle halten die Daten und melden Änderungen, Sammlungen fassen Modelle zusammen, Ansichten zeichnen sie in die Seite, und ein Router ordnet Adressen bestimmten Zuständen zu. Um 2010 war das ein großer Schritt weg von verstreutem jQuery-Code.

Viele Ideen, die heute selbstverständlich sind, etwa das Routing im Browser oder die Anbindung an eine REST-Schnittstelle, hat Backbone früh verbreitet.

Warum Backbone.js heute selten neu eingesetzt wird

Weil das Zeichnen der Oberfläche Handarbeit bleibt. Ändern sich Daten, muss die Ansicht selbst festlegen, was neu gezeichnet wird. Frameworks mit eingebauter Reaktivität nehmen genau das ab, und deshalb sind die meisten Teams auf React, Vue.js oder Angular umgestiegen.

Gepflegt wird Backbone weiterhin, mit seltenen, kleinen Versionen.

Backbone.js im Bestand

In älteren Anwendungen begegnet Backbone noch oft. Wer so ein System übernimmt, muss nicht sofort alles neu schreiben: Einzelne Ansichten lassen sich schrittweise durch Komponenten aus einem neueren Framework ersetzen, während der Rest weiterläuft.

Siehe auch:

jQuery

Die Bibliothek, die lange auf fast jeder Website lag.

#Frontend-Entwicklung (HTML, CSS, JavaScript) #Programmiersprachen

React

Eine JavaScript-Bibliothek von Meta, die Benutzeroberflächen aus Komponenten zusammensetzt.

#Programmiersprachen

Ember.js

Ein JavaScript-Framework für große Webanwendungen mit festen Konventionen.

#Programmiersprachen

Reaktivität (Data Binding)

Die Fähigkeit eines Frameworks, die Oberfläche bei jeder Datenänderung von selbst nachzuziehen.

#Programmiersprachen

Routing (Frontend-Routing)

Die Zuordnung von Adressen zu Ansichten, die eine Webanwendung direkt im Browser vornimmt.

#Programmiersprachen

JavaScript

Die Programmiersprache, die in jedem Browser mitläuft und einer Seite Verhalten gibt.

#Programmiersprachen #Frontend-Entwicklung (HTML, CSS, JavaScript)