javascript frameworks

Топ JavaScript фреймворков

С каждым днём появляются всё новые и новые JavaScript фреймворки.
Какой же выбрать?
Давайте рассмотрим 10 лучших из них — на сегодняшний день они самые продвинутые, многофункциональные, популярные и позволяют создавать сложные и красивые веб-приложения.

1. Angular.js

Сайт фреймворка: «angularjs.org/»
Количество звезд на GitHub: 33к
Первый релиз: 2009

Angular.js — это фреймворк с открытым исходным кодом, разработанный компанией Google. Он используется в AdWords и Google Fiber. Поскольку AdWords является одним из ключевых проектов, то данный фреймворк вряд ли исчезнет в ближайшее время.

В настоящее время Angular.js может похвастаться самым большим сообществом разработчиков и является наиболее часто используемым JavaScript-фреймворк для разработки веб-приложений.

Angular — это фреймворк со множеством функций, необходимых для современного веб-приложения. Некоторые из стандартных функций:
— Внедрение зависимости;
— Шаблоны на основе расширенной версии HTML;
— Маршрутизация, обеспечиваемая @ angular / router;
— Запросы Ajax с помощью @ angular / http;
— @ Угловые / формы для строительных форм;
— Инкапсуляция компонентного CSS;
— XSS-защита;
— Утилиты для компонентов модульного тестирования.

Использование всех включенных функций удобно, когда вы не хотите тратить время на сбор библиотек самостоятельно. Однако, для вашего проекта большинство из функций Angular может и не пригодится.

Тажке AngularJS можно включить в тему WordPress как с помощью плагинов (AngularJS for WordPress), так и без них («youtu.be/3WiyGmdOjbc») — что позволит создать мощное гибридное клиентское приложение.
О том как создать сайт с нуля и установить на него движк WordPress — читайте по следующей ссылке — подробнейшая инструкция! После чего начните измучать AngularJS и создавать свое первое успешное веб-приложение!

2. React.js

Сайт фреймворка: «reactjs.org/»
Количество звезд на GitHub: 89к
Первый релиз: 2013

React разработан и поддерживается компанией Facebook и используется в их собственных продуктах, включая Instagram и WhatsApp. Это свидетельствует о том насколько мощным фреймворком является ReactJS — можно создать крупномасштабные приложения с высокой производительностью.

ReactJS имеет огроное сообщество пользователей и громадное количество учебников и библиотек (наборов компонентов).

В отличие от Angular.js с кучей включенных в него функций, React поставляется с меньшим функционалом, но с возможностью расширить их благодаря установке дополнительных библиотек — тех, которые нужны только вашему проекту.
Вот что изначально есть у React:
— Отсутствие внедрения зависимостей;
— Вместо классических шаблонов у него есть JSX, XML-подобный язык, построенный поверх JavaScript;
— XSS-защита;

Освоить React.js намного проще, чем Angular.js. Даже люди с базовым фоном развития и ограниченным опытом в разработке интерфейсов смогли быстро понять React.js.

3. Ember.js

Сайт фреймворка: «emberjs.com»
Количество звезд на GitHub: 19к
Первый релиз: 2011

Ember.js также конкурирует с фрейворками React.js и Angular.js.

Ember.js — свободный JavaScript каркас веб-приложений, реализующий MVC шаблон, предназначенный для упрощения создания масштабируемых одностраничных веб-приложений. Фреймворк используется такими компаниями как TED, Yahoo!, Twitch.tv и Groupon.

Цель Ember — это взять лучшее от популярнейших фремворков Angularjs (двухстороннюю привязку данных) и ReactJS (рендеринг на сервере).

Есть руководство по данному фреймворку на русском — «emjs.ru»

4. Aurelia.js

Сайт фреймворка: «aurelia.io»
Количество звезд на GitHub: 10к
Первый релиз: 2015

В 2015 году Роб Айзенберг покинул команду AngularJS и представил свой JavaScript фреймворк — Aurelia.js.

Aurelia.js — это фреймворк с открытым исходным кодом, однако, управляется компанией Durandal Inc, с помощью него можно создавать веб (браузерные), мобильные и десктопные приложения.

Основные черты:
— Модульность
— Использование веб-компонентов
— 2-сторонний data-binding
— Тестируемость
— Поддержка разных языков: ES5, ES 2015, ES 2016, TypeScript.

5. Meteor.js

Сайт фреймворка: «meteor.com»
Количество звезд на GitHub: 39к
Первый релиз: 2012

Meteor — веб-платформа на языке JavaScript, предназначенная для разработки Web-приложений реального времени.

Одна из важнейших особенностей платформы состоит в том, что она позволяет использовать один и тот же код как на стороне сервера, так и на стороне клиента. Между сервером и клиентом, как правило, передаются данные, а не HTML-код.

6. Backbone.js

Сайт фреймворка: «backbonejs.org»
Количество звезд на GitHub: 27к
Первый релиз: 2010

Backbone — JavaScript-библиотека, основанная на шаблоне проектирования Model-View-Presenter (MVP), предназначена для разработки веб-приложений с поддержкой RESTful JSON интерфейса. Backbone — очень лёгкая библиотека (упакованная и сжатая gzip величиной всего лишь 6.3 Кб), но для работы необходима библиотека Underscore.js, а для поддержки REST API и работы с DOM элементами — рекомендуется подключить jQuery-подобную библиотеку: jQuery или Zepto. Backbone.js создан Джереми Ашкенасом, который известен также как создатель CoffeeScript.

Такие популярные сервисы как: Pinterest, Foursquare, Walmart, Disqus, WordPress.com, Delicious используют backone.js.

7. Polymer.js

Сайт фреймворка: «polymer-project.org/»
Количество звезд на GitHub: 27к
Первый релиз: 2013

Polymer — это бесплатная JavaScript библиотека с открытым исходным кодом для создания веб приложений с использованием технологии Web Components. Данная библиотека разрабатывается командой Google и добровольцами GitHub.

8. Knockout.js

Сайт фреймворка: «knockoutjs.com/»
Количество звезд на GitHub: 9к
Первый релиз: 2010

Knockout.js (англ. нокаут) — свободный JavaScript каркас веб-приложений.
Автором библиотеки является сотрудник Microsoft — Стив Сандерсан — он утверждает, что библиотека не является продуктом Microsoft.

Основные черты:
— Декларативное связывание;
— Автоматическое обновление интерфейса при изменении состояния данных модели;
— Отслеживание зависимостей;
— Прототипирование с использованием как собственных так и сторонних механизмов (например, jquery.tmpl).

9. Vue.js

Сайт фреймворка: «vuejs.org»
Количество звезд на GitHub: 85к
Первый релиз: 2014

Ещё один очень популярный фреймворк — по количеству звезд на GitHub — на втором месте, почти такое же как и у React.js.

Vue – это прогрессивный JS-фреймворк, релиз которого состоялся в 2014 году. Его создал Эван Ю, ранее работавший в Google и Meteor Development Group (которые создали MeteorJS).

VueJs имеет очень простой API.

Vue.js очень легко подключить, например, при помощи тега «script», достаточно вставить его в конец HTML-документа. Вся библиотека находится в одном js-файле, который можно загрузить с официального сайта или импортировать напрямую через CDN:

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.5/vue.min.js"></script>

10. Mercury.js

Сайт фреймворка: «github.com/Raynos/mercury»
Количество звезд на GitHub: 3к
Первый релиз: 2014

Mercury.js — это перспективный новичок среди фреймворков для разработки веб-приложений.

Mercury.js имеет компактный размер, модульный подход, отличается высокой производительностью и популярен среди сообщества разработчиков.