Пять лет назад присоединился к команде разработки проекта, над которым до сих пор идёт работа. За это время приложения, создаваемые в рамках проекта, использовали разные фреймворки - от jQuery до React, от Backbone до Angular. Как мы выбираем фреймворк для нашего следующего приложения? Какой фреймворк самый лучший? Как выбрать фреймворк и через год разочароваться в своём выборе? Короткая история о выборах в одном длинном проекте.

1. 1
Кажется новый
фреймворк
вышел... А ты на
реакте
пишешь? А?!

2. Выборы, выборы, все
фреймворки… приторны
Витя Русакович, Минск,
Generation_P Consulting, web разработчик

3. 3

4. Выборы, выборы, все
фреймворки… приторны
Короткая история о выборах
4

5. О себе
● 30 лет
● 4 года PHP
● 8 лет JavaScript
5

6. Проекты
● Без фреймворков (c 2012 г.)
○ 30 тысяч коммитов
○ 9000 Unit тестов
○ 100 Selenium тестов
6
● Angular 1.x (c 2015 г.)
○ 9 тысяч коммитов
○ 1600 Unit тестов
○ 1500 Selenium тестов
● React (c 2016 г.)
○ 3 подпроекта
○ 2200 Unit тестов
○ 10 Selenium тестов

7. Технологии/Библиотеки (2012 год)
Underscore
Backbone
SCSS (Compass)
RxJS
7

8. Привет, Backbone (февраль 2012)
8

9. Обновляем Backbone (май 2012)
9

10. Пока, Backbone (ноябрь 2012)
10

11. Пока, Backbone :(
11

12. Лучшие фреймворки 2017
12
2017 2016 2015 2014 2013 2012 2011 2010 2009 До н.э.
Angular Angular Angular Angular Angular Angular J J -
React React Q Q -
Vue.js Vue.js U U -
Ember.js Ember.js Ember.js Ember.js Ember.js Ember.js Ember.js E E -
Meteor R R -
Backbone.js Backbone.js Backbone.js Backbone.js Backbone.js Backbone.js Y Y -
Knockout Knockout Knockout Knockout -
Batman.js Batman.js -
❓ -

13. Лучшие фреймворки 2017
● Angular
● ReactJS
● Vue.js
● Ember.js
● Meteor
13

14. Лучшие фреймворки 2016
● Angular⭐
● ReactJS⭐
● Vue.js⭐
● Ember.js⭐
● Backbone.js
14

15. Лучшие фреймворки 2015
● Angular⭐⭐
● Knockout
● Vue.js⭐
● Ember.js⭐⭐
● Backbone.js⭐
15

16. Лучшие фреймворки 2014
● Angular⭐⭐⭐
● -
● -
● Ember.js⭐⭐⭐
● Backbone.js⭐⭐
16

17. Лучшие фреймворки 2013
● Angular⭐⭐⭐⭐
● Knockout.js⭐
● -
● Ember.js⭐⭐⭐⭐
● Backbone.js⭐⭐⭐
17

18. ● Angular⭐⭐⭐⭐⭐
● Knockout.js⭐⭐
● -
● Ember.js⭐⭐⭐⭐⭐
● Backbone.js⭐⭐⭐⭐
● Batman.js
Лучшие фреймворки 2012
18

19. ● ❓Sproutecore
● Knockout.js⭐⭐⭐
● Cappucino
● Ember.js⭐⭐⭐⭐⭐⭐
● Backbone.js⭐⭐⭐⭐⭐
● Batman.js⭐
● ExtJS
Лучшие фреймворки 2011
19

20. ● jQuery
● Cappucino⭐
● ExtJS⭐
● YUI
● Prototype
Лучшие фреймворки 2010 © ibm.com
20

21. ● jQuery⭐
● MooTools
Лучшие фреймворки 2009
21

22. Лучшие фреймворки 2008
22

23. Источники информации
23
2017 https://hackernoon.com/5-best-javascript-frameworks-in-2017-7a63b3870282
2016 http://www.discoversdk.com/blog/6-best-javascript-frameworks-to-learn-in-2016
2015 https://beebom.com/best-javascript-frameworks-and-libraries/
2014 http://codecall.net/2014/02/19/top-best-javascript-framework-2014/
2014 https://jonathanmh.com/best-javascript-mvc-frameworks-2013-2014/
2014 https://tutorialzine.com/2014/12/the-languages-and-frameworks-that-you-should-learn-in-2015
2013 https://www.infoworld.com/article...n-development-the-10-hottest-javascript-framework-projects.html
2012 http://www.faridesign.net/2012/04/20-javascript-frameworks-mvvm-templating-licenses-etc/
2012 http://www.creativebloq.com/javascript/essential-javascript-top-five-mvc-frameworks-11122767
2011 https://code.tutsplus.com/articles/20-javascript-frameworks-worth-checking-out--net-22020
2010 https://www.ibm.com/developerworks/library/wa-jsframeworks/index.html

24. Как же выбрать?
24
SEX ПУП

25. Как же выбрать?
25
Простота, Удобство, Перспектива
Simplicity, Enjoyment, Xenon

26. Простота
● установка
● реальное использование (ToDo MVC)
● поиск нового разработчика
● ввод нового разработчика
● magic…
● вопросы на StackOverflow
26

27. Простота: magic...
27

28. Удобство разработки
● наличие CLI / необходимость CLI
● тесты (изолированные!)
● HotReload
● DevCards
● online примеры
● обновиться на новую версию?
28

29. Удобство разработки: DevCards
29

30. DevCards
30

31. Удобство разработки: online примеры
31

32. Перспектива
● Размер сообщества (Github stars)
● Популярность на StackOverflow
● Тренды
● Кто автор?
32

33. Перспектива: размер сообщества
33
Название Звёздочки Открытые баги Закрытые баги коэф
Angular 28186 1756 10187 5.8
ReactJS 76467 567 4329 7.6
Vue.js 68367 61 5279 87

34. Перспектива: StackOverflow
34

35. Перспектива: StackOverflow
35

36. Перспектива: StackOverflow
36

37. Перспектива: StackOverflow
37

38. Перспектива: StackOverflow
38

39. Перспектива: StackOverflow
39

40. 40
Перспектива: StackOverflow

41. Перспектива: автор и название
RxJS Bacon.js
41

42. Перспектива: автор и название
42

43. Перспектива: автор и название
43

44. Перспектива: автор и название
44

45. Перспектива: автор и название
45

46. Перспектива: автор и название
46

47. Перспектива: автор и название
47

48. Перспектива: автор и название
48

49. Перспектива: автор и название
49

50. Перспектива: автор и название
50
Testacular

52. Перспектива: деньги
52

53. 53
Перспектива: € £

54. 54
Перспектива: € £

55. Кого Что же выбрать?
55

56. Простота
56

57. Удобство
React
DevCards
Jest
Angular
{{ }}
плагины
57

58. Перспектива
React
Fiber
76467⭐
Angular
5 -> 7 -> X?
28186⭐
58

59. 59

60. Результаты выборов
60
Vue.js
86%

61. Итого
● Большой и сложный проект на 2+ года?
○ ReactJS
● То же, на год?
○ Angular
● Проект без дальнейшней поддержки?
○ Vue.js
● RDD (Resume Driven Development)?
○ Google -> “most recent js framework”
61

62. Лучший фреймворк?
62

63. Худший фреймворк!
63

64. Спасибо! Вопросы?
64
nemiga@gmail.com
https://www.facebook.com/viktor.rusakovich