Виктор Русакович - Выборы, выборы, все фреймворки… приторны
0 likes172 views
Документ представляет собой обсуждение фреймворков JavaScript, включая статистику по коммитам и тестам для различных технологий, таких как React, Angular и Vue.js. Основное внимание уделяется классификации фреймворков по годам, их простоте, удобству использования и перспективам. В завершение предлагаются рекомендации по выбору фреймворка в зависимости от специфики проекта.
Виктор Русакович - Выборы, выборы, все фреймворки… приторны
- 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
- 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
- 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
- 28. Удобство разработки ● наличие CLI / необходимость CLI ● тесты (изолированные!) ● HotReload ● DevCards ● online примеры ● обновиться на новую версию? 28
- 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
- 41. Перспектива: автор и название RxJS Bacon.js 41
- 42. Перспектива: автор и название 42
- 43. Перспектива: автор и название 43
- 44. Перспектива: автор и название 44
- 45. Перспектива: автор и название 45
- 46. Перспектива: автор и название 46
- 47. Перспектива: автор и название 47
- 48. Перспектива: автор и название 48
- 49. Перспектива: автор и название 49
- 50. Перспектива: автор и название 50 Testacular
- 55. Кого Что же выбрать? 55
- 56. Простота 56
- 58. Перспектива React Fiber 76467⭐ Angular 5 -> 7 -> X? 28186⭐ 58
- 59. 59
- 61. Итого ● Большой и сложный проект на 2+ года? ○ ReactJS ● То же, на год? ○ Angular ● Проект без дальнейшней поддержки? ○ Vue.js ● RDD (Resume Driven Development)? ○ Google -> “most recent js framework” 61