Backbone.js vs React Storybook

Overview

Backbone.js

Stacks7.5K

Followers3.5K

Votes675

GitHub Stars28.1K

Forks5.3K

React Storybook

Stacks635

Followers355

Votes0

Backbone.js vs React Storybook: What are the differences?

Developers describe Backbone.js as "Give your JS App some Backbone with Models, Views, Collections, and Events". Backbone supplies structure to JavaScript-heavy applications by providing models key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing application over a RESTful JSON interface. On the other hand, React Storybook is detailed as "Develop and design React components without an app". You just load your UI components into the React Storybook and start developing them. This functionality allows you to develop UI components rapidly without worrying about the app. It will improve your team’s collaboration and feedback loop.

Backbone.js belongs to "Javascript MVC Frameworks" category of the tech stack, while React Storybook can be primarily classified under "MVC Tools".

Backbone.js and React Storybook are both open source tools. React Storybook with 39.4K GitHub stars and 3.23K forks on GitHub appears to be more popular than Backbone.js with 27.5K GitHub stars and 5.7K GitHub forks.

Uber Technologies, Pinterest, and reddit are some of the popular companies that use Backbone.js, whereas React Storybook is used by Huddle, Quizlet, and AppsFlyer. Backbone.js has a broader approval, being mentioned in 1066 company stacks & 218 developers stacks; compared to React Storybook, which is listed in 43 company stacks and 22 developer stacks.

Share your Stack

Help developers discover the tools you use. Get visibility for your team's tech choices and contribute to the community's knowledge.

View Docs

CLI (Node.js)

Manual

Detailed Comparison

Backbone.js	React Storybook
Backbone supplies structure to JavaScript-heavy applications by providing models key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing application over a RESTful JSON interface.	You just load your UI components into the React Storybook and start developing them. This functionality allows you to develop UI components rapidly without worrying about the app. It will improve your team’s collaboration and feedback loop.
-	Isolated environment for your components (with the use of various iframe tactics);Hot module reloading (even for functional stateless components);Works with any app (whether it's Redux, Relay or Meteor);Support for CSS (whether it's plain old CSS, CSS modules or something fancy);Clean and fast user interface;Runs inside your project (so, it uses your app's NPM modules and babel configurations out of the box);Serves static files (if you host static files inside your app);Deploy the whole storybook as a static app;Extendable as necessary (support for custom webpack loaders and plugins)
Statistics
GitHub Stars 28.1K	GitHub Stars -
GitHub Forks 5.3K	GitHub Forks -
Stacks 7.5K	Stacks 635
Followers 3.5K	Followers 355
Votes 675	Votes 0
Pros & Cons
Pros 135 Javascript structure 101 Models 98 Simple 76 Restful 59 Easy api Cons 1 Requires underscore.js	Cons 5 Hard dependency to Babel loader
Integrations
No integrations available	React React Native Vue.js

What are some alternatives to Backbone.js, React Storybook?

AngularJS

AngularJS lets you write client-side web applications as if you had a smarter browser. It lets you use good old HTML (or HAML, Jade and friends!) as your template language and lets you extend HTML’s syntax to express your application’s components clearly and succinctly. It automatically synchronizes data from your UI (view) with your JavaScript objects (model) through 2-way data binding.

Vue.js

It is a library for building interactive web interfaces. It provides data-reactive components with a simple and flexible API.

Ember.js

A JavaScript framework that does all of the heavy lifting that you'd normally have to do by hand. There are tasks that are common to every web app; It does those things for you, so you can focus on building killer features and UI.

Angular

It is a TypeScript-based open-source web application framework. It is a development platform for building mobile and desktop web applications.

Aurelia

Aurelia is a next generation JavaScript client framework that leverages simple conventions to empower your creativity.

Mithril

Mithril is around 12kb gzipped thanks to its small, focused, API. It provides a templating engine with a virtual DOM diff implementation for performant rendering, utilities for high-level modelling via functional composition, as well as support for routing and componentization.

Marionette

It is a JavaScript library with a RESTful JSON interface and is based on the Model–view–presenter application design paradigm. Backbone is known for being lightweight, as its only hard dependency is on one JavaScript library, Underscore.js, plus jQuery for use of the full library.

Ampersand.js

We <3 Backbone.js at &yet. It’s brilliantly simple and solves many common problems in developing clientside applications. But we missed the focused simplicity of tiny modules in node-land. We wanted something similar in style and philosophy, but that fully embraced tiny modules, npm, and browserify. Ampersand.js is a well-defined approach to combining (get it?) a series of intentionally tiny modules.

Durandal

Durandal is a cross-device, cross-platform client framework written in JS and designed to make Single Page Applications (SPAs) easy to create and maintain.

PrimeNg

It has a rich collection of components that would satisfy most of the UI requirements of your application like datatable, dropdown, multiselect, notification messages, accordion, breadcrumbs and other input components. So there would be no need of adding different libraries for different UI requirements.