Yarfrontend #2. Как мы делали гуя...

Как Мы Делали Гуя
поучительная история о том как мы 2,5 раза переписали
наш веб-интерфейс на ExtJS и не сошли с ума
Алексей Гуськов
Ареал

● продукт для автоматизации работы сисадминов
● контроль трафика, почта, телефония, вот это всё
● 10 лет разработки
● 300+ функций
● много боли и страданий
2

Надо всё переписать!
5
шаблоны
Java
jquery
да чо, давайте сами движок напишем
C#
нативное быстрее инфа 100%
хватит думать пошли пиво пить
PHP
Flash и экшон скрипт жы

Первые попытки
7
+ = ?
Ёж Уж

Нужно немного допилить
9

10

11

12

Надстройка над моделью, которая знает, как объект рендерится и что с
ним можно сделать
● локаль
● выключабельность
● иконки
● вот это вот всё icon: /icons/user.png
desc: Пользователь
docs: /users/
Врапперы
17
type: User
name: Дима
login: Nagibator9000
role: admin

Нужно больше компонентов!
18

Кнопка аплоада
19

Объединялка файлов
21

Прогрессбары
● делаются через фоновые HTTP-запросы
● глючат и тормозят
22

Вебсокеты жы!!!11
● sockjs
● свой прокси-сервер на nodejs
● бонус: отладка через debug()
23

Надо всё переписать!
26

Совместимость курильщика
27
● Меняется API
● Меняются принципы работы
● Меняется вёрстка и CSS
find . -name ‘*.js’ | xargs sed -i s/isVisible/isHidden/

Мораль
30
● ExtJS - торт
● мощный
● навороченный
● не слишком сложный

Мораль
31
● Java головного мозга
● плохая совместимость
● бажки
● тормоза

Наши косяки
32
● нет review
● нет опыта
● всё переписать - плохая
плохая плохая плохая плохая
плохая идея

33
● нет review

34
● нет review

Yarfrontend #2. Как мы делали гуя...

Recommended

Recommended

More Related Content

What's hot

What's hot (19)

Similar to Yarfrontend #2. Как мы делали гуя...

Similar to Yarfrontend #2. Как мы делали гуя... (20)

More from oelifantiev

More from oelifantiev (10)

Yarfrontend #2. Как мы делали гуя...