Video of the report “All the salt of one-page applications” from 404fest

Fedya Shumov and Arseniy Zarechnev, front-end developers from the Ostrovka team, told about
“All salt single-page applications” at 404fest in Samara.

Report content:



Single-page apps. All salt.

1. Backbone.js
2. MVC on client
3. JS Testing
4. Model-View Bindings
5. Lighting Batman.js

Extranet.Ostrovok.ru (administration system for hotels). The most salty.

1. Navigation and management through the address bar. Loosely coupled router events. Caching useful data extracted from the requested URL.
2. DOM-related data. Expando. Do not clutter your namespace with temporary or foreign data. Using third-party libraries using this technology.
3. View is built 1 time. When going to another page, she is torn out through Parent.removeChild (Child) or jQuery.detach () and lives with binders. When re-accessed is inserted collected.
4. Refusal to Delegate. Speed ​​increase due to the lack of event sheets on the parent view element.
5. Knockout Clear logic of the template. Automatic UI change. Changes in the DOM are only those attributes and elements that really require it. Secure interface. Multiplayer mode.
6. Backbone + Knockout = Router + CRUD + MVVM. Two-way dependency: methods for changing the model of each framework synchronize related objects and trigger the necessary events for each other. Gradual transition from Backbone to Knockout.
7. Pages that work with really large collections and models may require deep optimization. For example, to refuse $ .extend or _.extend, which actively use models and collections of frameworks during initialization, to break the bundle in memory.

')


The presentation of the report can be viewed here: Arseny Zarechnev and Fedor Shumov - One-page applications