26
Применение BackboneJS для рефакторинга фронтенда веб- приложения Алексей Авдеев Нижний Новгород, Go-Promo, go-promo.ru

Рефакторинг фронт-части приложения при помощи BackboneJS

Embed Size (px)

Citation preview

Page 1: Рефакторинг фронт-части приложения при помощи BackboneJS

Применение BackboneJS для рефакторинга

фронтенда веб-приложенияАлексей Авдеев

Нижний Новгород, Go-Promo, go-promo.ru

Page 2: Рефакторинг фронт-части приложения при помощи BackboneJS

Как бывает

Page 3: Рефакторинг фронт-части приложения при помощи BackboneJS

Описание проблемы

Page 4: Рефакторинг фронт-части приложения при помощи BackboneJS

Первая попытка

Page 5: Рефакторинг фронт-части приложения при помощи BackboneJS

Пример

Page 6: Рефакторинг фронт-части приложения при помощи BackboneJS

Преимущества

Page 7: Рефакторинг фронт-части приложения при помощи BackboneJS

Недостатки первой попытки

Page 8: Рефакторинг фронт-части приложения при помощи BackboneJS

Вторая попытка

Page 9: Рефакторинг фронт-части приложения при помощи BackboneJS

Используем плагин

Page 10: Рефакторинг фронт-части приложения при помощи BackboneJS

Преимущества

Page 11: Рефакторинг фронт-части приложения при помощи BackboneJS

Недостатки второй попытки

Page 12: Рефакторинг фронт-части приложения при помощи BackboneJS

Третья попытка

Page 13: Рефакторинг фронт-части приложения при помощи BackboneJS

Почему можно рефакторить?

• Часто люди начинают обращаться с примерами, приведёнными на этой странице, как с какой-то божественной истиной. На самом деле Backbone.js предназначен быть довольно агностичным насчёт многих частых паттернов клиентского кода

• Если вы поймаете себя на том, что добавляете методы в Backbone.Model.prototype, или создаёте свои собственные базовые субклассы, не беспокойтесь — так и было задумано.

Page 14: Рефакторинг фронт-части приложения при помощи BackboneJS

Структура фрэймворка

Page 15: Рефакторинг фронт-части приложения при помощи BackboneJS

Как будем действовать

Page 16: Рефакторинг фронт-части приложения при помощи BackboneJS

Пример Backbone.View

Page 17: Рефакторинг фронт-части приложения при помощи BackboneJS

Что можно вытащить

Page 18: Рефакторинг фронт-части приложения при помощи BackboneJS

Что получается

Page 19: Рефакторинг фронт-части приложения при помощи BackboneJS

Как рефакторить

Page 20: Рефакторинг фронт-части приложения при помощи BackboneJS

Как рефакторить

Page 21: Рефакторинг фронт-части приложения при помощи BackboneJS

Пример иерархии

Page 22: Рефакторинг фронт-части приложения при помощи BackboneJS

Преимущества

Page 23: Рефакторинг фронт-части приложения при помощи BackboneJS

Недостатки третьей попытки

Page 24: Рефакторинг фронт-части приложения при помощи BackboneJS

Решаем недостатки

Page 25: Рефакторинг фронт-части приложения при помощи BackboneJS

Пример

Page 26: Рефакторинг фронт-части приложения при помощи BackboneJS

Спасибо за внимание.Вопросы.

Алексей Авдеев

Нижний Новгород, Go-Promo, go-promo.ru