Javascript-фреймворки: тенденции 2019 года

Представляем вашему вниманию перевод статьи Nwose Lotannaс, которая была опубликована на blog.bitsrc.io. Там вы можете найти подборки лучших фреймворков и информацию, полезную как для новичков, так и для опытных специалистов.

Давайте охватим взглядом удивительный путь развития JavaScript в прошлом году. Мы проанализируем, какие javascript-фреймворки для фронтенд-разработки, работы с данными и бэкенд-разработки были наиболее популярными, а также постараемся назвать возможных будущих лидеров.

В этой статье мы будем опираться на данные и выводы State of JS, а также инсайтов, которыми поделилась компания JetBrains в своем ежегодном отчете «Экосистема разработчиков» (The State of Developer Ecosystem).

Что такое State of JS?

Ежегодный опрос обо всем, что касается JavaScript. Прекрасно визуализированы ответы разработчиков, участвовавших в нем, отражают актуальное состояние JavaScript. Опросы охватывает следующие темы: фронтенд-фреймворки, базы данных, инструменты работы с состоянием (state), отношения между фреймворками, выбор фреймворка разработчиками и легкость использования, языка, компилируемая в JavaScript, мобильные фреймворки, системы сбора, инструменты тестирования кода для JavaScript и много другое.

Почему State of JS?

Это первый опрос, респондентами которого является исключительно разработчики, которые имеют дело с JavaScript. Оно было организовано Сашей Грейфе и его помощниками в 2016 году. Среди целевой аудитории сейчас пользуется огромным уважением. Есть и другие не менее популярные опросы - от Stack Overflow (более 100 000 респондентов) или от JetBrains (более 6000 респондентов). Однако, сегодня мы сосредоточимся на опросе от State of JS - еще и потому, что по красоте визуализации ему нет равных.

Часть 1. Фреймворки для фронтенд-разработки

Мы живем в эпоху компонентов, и это касается не только фронтенда. Растет популярность таких инструментов, как Bit, позволяющие легко делиться компонентами, использовать их повторно и создавать новые приложения быстрее, собирая их вместе и синхронизируя с другими проектами. Будущее точно за компонентно-ориентированными платформами.

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

1.React 

React (более 110 000 звезд на GitHub) - это эффективная и гибкая декларативная библиотека JavaScript для сборки UI от команды Facebook. Она позволяет без труда создавать интерактивный пользовательский интерфейс. React не просто поддерживает сборник объектно-центрических приложений - он ее поощряет. Кроме того, создатели фреймворка со всей серьезностью отнеслись к обратной совместимости, так что в долговечности своего приложения можете быть уверены. По графику выше хорошо видно, что за последние несколько лет уровень осведомленности о React значительно повысился. Вот почему библиотека станет отличной отправной точкой вашего путешествия в фронтенд-разработку.

React-разработчики - одни из самых высокооплачиваемых javascript-разработчиков в 2018 году.

Вы можете создать новое приложение на React, используя предназначенный для этого тулчейн create-react-app, на данный момент самый популярный среди существующих. Чтобы начать работать с ним, запустите следующие строки в командной строке папки проекта:

npm create-react-app my-app

cd my-app

npm start

2.Vue

Vue.js, прогрессивный фреймворк для сборки пользовательских интерфейсов, созданный Эваном Ю и еще 234 энтузиастами, набрал более 121 000 звезд на GitHub. Он включает в себя доступную корневую библиотеку, которая в первую очередь решает задачи уровня воображения, и экосистему дополнительных библиотек, позволяет создавать сложные и объемные одностраничные приложения (Single-Page Applications).

Vue.js произносится в точности как слово view («просмотр») и имеет 4000 звезд GitHub больше, чем React.

Как видно на графике, Vue удалось перепрыгнуть маркетинговую пропасть: о нем слышал почти каждый разработчик. Можно предположить, что это произошло благодаря огромным усилиям, которые прикладывали Эван и его команда с 2017 года, посещая различные собрания и конференции, а также организуя собственные. Однако, пробел в знаниях разработчиков все еще существует, и чтобы его закрыть, в 2019 году необходимо создать больше учебных материалов по работе с Vue.js. Установите этот фреймворк с помощью npm:

npm install vue

3.Angular

Angular - фреймворк от компании Google, получил почти 44 000 звезд на GitHub. Представляет собой платформу, которая упрощает сборку приложений в интернет. В Angular сочетаются декларативные шаблоны, внедрение зависимости, двустороннее связывание данных и лучшие практики решения проблем разработки. Эта платформа позволяет собирать приложения для веб, мобильных устройств и ПК. В ней предлагается самый удобный и понятный для начинающих интерфейс командной строки (CLI) и даже консоль (Console) - клиент с графическим интерфейсом.

Смотря на график, можно заметить огромную разницу по сравнению с графиками описанных выше фреймворков. Дело в необъективности данных, возникшей из-за формулировки вопросов, исключает AngularJS - независимый от Angular фреймворк. Вот почему эту визуализацию лучше не принимать во внимание. Для установки CLI с помощью npm откройте окно командной строки или консоли и введите следующую команду:

npm install -g @angular/cli

Часть 2. Фреймворки для работы с данными

В этой части мы рассмотрим технологии передачи данных и управления ими.

1.Redux 

Redux, который набрал 45 000 звезд на GitHub - это предполагаемый контейнер состояния (state) для javascript-приложений. Он помогает писать программы со стабильным поведением, которые запускаются на клиенте, сервере и в native-среде и легко тестируются. Redux можно использовать вместе с React или любой другой библиотекой.

На графике можно наблюдать те же тенденции повышения осведомленности о бренде, что и в случае с Vue: о Redux слышал почти каждый javascript-разработчик. При этом некоторые из них жалуются на сложность работы с этим фреймворком, поэтому, чтобы сделать его для разработчиков более привлекательными, а концепты - доступнее, нужно больше учебных материалов. Для установки воспользуйтесь командой:

npm install — save redux

2.GraphQL 

GraphQL от компании Facebook с рейтингом на GitHub более 10 000 звезд - это язык для формулировки запросов в API (программному интерфейсу приложения) и среда выполнения этих запросов с помощью существующих данных. С его помощью можно предоставить полный и понятное описание данных в API, позволяя клиентам спрашивать только то, что им необходимо, и ничего больше. Благодаря этому со временем становится проще развивать программные интерфейсы приложений и использовать мощные инструменты разработки.

Разумеется, в 2019 году появится рыночная ниша под материалы по работе с GraphQL, ведь множество людей заинтересованы в его изучении. Кроме того, на графике видно, что отсутствие осведомленности о бренде в 2018 удалось почти полностью устранить. Чтобы установить GraphQL, используйте npm:

npm install graphql

3.Apollo 

Платформа Apollo - это реализация GraphQL, которая позволяет направлять данные из облака в UI. Она пригодна для постепенного внедрения и может выступать дополнительным слоем для уже существующих сервисов, включая API и базы данных, построенные на основе REST. В дополнение к инструментарию разработчика, который предоставляет все, чтобы уверенно запустить графов API, в Apollo входят две библиотеки с открытым исходным кодом для клиента и для сервера.

На графике выше видно, насколько повысился уровень осведомленности о бренде и как много еще нужно сделать в этой области. Видно также, что почти каждый, кто попытался Apollo, готов использовать его снова. Однако не мешало бы добавить новых учебных материалов, чтобы в 2019 году сделать платформу успешной. Для установки используйте npm:

// installing the preset package

npm install apollo-boost graphql-tag graphql --save

// installing each piece independently

npm install apollo-client apollo-cache-inmemory apollo-link-http graphql-tag graphql --save

Часть 3. Фреймворки для бэкенд-разработки

В этой области без особых изменений: Express все еще впереди - больше ни один бэкенд-фреймворк не смог в той же степени порадовать разработчиков.

1.Express 

Обладатель более 41 000 звезд на GitHub, Express - скоростной, гибкий и минималистичный веб-фреймворк для приложений Node.js.

В 2018 году Express справился со своими задачами блестяще: он не только сохранил статус лидера, но и оставил конкурентов далеко позади. Работая с JavaScript в бэкенд приложении, выберите именно его и не прогадаете. Для установки используйте npm:

npm install express — save

2.Next js 

Хотя для визуализации роста за время существования Next оказалось недостаточно данных, все же мы можем сказать, что у этого бэкенд-фреймворка был неплохой год, который сделал его самым востребованным после Express.

Next, который получил более 32 тысяч звезд на GitHub, дает разработчикам возможность легкого старта, ведь он использует React для шаблонов. Разработчики с опытом работы в React с помощью Next могут добиться быстрого результата. Для установки используйте npm:

npm install --save next react react-dom

3.Koa 

За прошлый год популярность Koa выросла, хотя кажется, что уровень удовлетворения разработчиков этим фреймворком не изменился, ведь Express по-прежнему лидирует. Однако посмотрев на графики других бэкенд-фреймворков (например, Meteor), можно сказать, что дела Koa неплохие - и могут быть еще лучше.

Этот новый веб-фреймворк, который набрал более 24 тысяч звезд на GitHub, был создан той же командой, что и Express, как менее громоздкая, более выразительная и надежная платформа для веб-приложений и API. Используя средства асинхронного программирования, Koa позволяет отказаться от callback-функций и в разы эффективнее обрабатывать ошибки. В ядре Koa не проводится сборка промежуточного программного обеспечения. Этот фреймворк имеет набор первоклассных методик, которые делают написание серверов быстрым и приятным занятием. Для установки используйте npm:

npm install koa

Ссылки

- Все изображения и визуальные данные взяты с официального сайта State of JavaScript.

- Более подробная информация о необъективности данных по Angular доступна здесь. А здесь вы можете посмотреть разбор опроса.

- Некоторые данные из опроса Stack Overflow доступны здесь.

- Некоторые данные из опроса JetBrains доступны здесь.

Заключение

Мы рассмотрели javascript-фреймворки, которые были наиболее востребованными среди разработчиков в прошлом году и останутся таковыми в 2019 Если вы новичок, важно перепробовать все в поисках наиболее удобного. Не менее важно для преподавателей и авторов статей знать, каких ресурсов не хватает, чтобы заполнять эти пробелы.

Ссылка на статью - https://blog.bitsrc.io/the-most-in-demand-javascript-frameworks-for-developers-in-2019-39bba192d8dc