Decision at Heap about MobX, React, TypeScript, Marionette, Backbone.js, jQuery, TemplatingLanguagesExtensions, JavascriptMvcFrameworks, Libraries, JavascriptUiLibraries

Avatar of drob
MobXMobXReactReactTypeScriptTypeScriptMarionetteMarionetteBackbone.jsBackbone.jsjQueryjQuery
#TemplatingLanguagesExtensions
#JavascriptMvcFrameworks
#Libraries
#JavascriptUiLibraries

The front end for Heap begun to grow unwieldy. The original jQuery pieces became difficult to maintain and scale, and a decision was made to introduce Backbone.js, Marionette, and TypeScript. Ultimately this ended up being a “detour” in the search for a scalable and maintainable front-end solution. The system did allow for developers to reuse components efficiently, but adding features was a difficult process, and it eventually became a bottleneck in advancing the product.

Today, the Heap product consists primarily of a customer-facing dashboard powered by React, MobX, and TypeScript on the front end. We wrote our migration to React and MobX in detail last year here.

#JavascriptUiLibraries #Libraries #JavascriptMvcFrameworks #TemplatingLanguagesExtensions

18 upvotes·28.4K views
Avatar of Dan Robinson

Dan Robinson

Heap, Inc.