Познакомьте вас с новой тенденцией JS: китайская интерпретация «Состояние JS 2020».

внешний интерфейс JavaScript
Познакомьте вас с новой тенденцией JS: китайская интерпретация «Состояние JS 2020».

Источник данных "Состояние JS 2020":
2020.stat EOF end.com/this-Hans/ настоящим…

1. Технологические тенденции

Некоторые новые библиотеки JavaScript вызывают у разработчиков высокую удовлетворенность, но мало используются, что может затруднить выбор разработчиками правильной технологии. Следующие данные могут помочь нам выбрать подходящую технологию.

1-1. Временной тренд

На первом графике представлена ​​динамика этих библиотек с течением времени. Он состоит из четырех квадрантов: вертикаль снизу вверх представляет уровень использования от низкого к высокому, а горизонталь слева направо представляет опыт использования от плохого к хорошему. То есть, чем больше каждая линия на этой картинке уходит вправо вверх (цвет линии красный), это означает, что библиотека более популярна, и наоборот, это означает, что библиотека используется все меньше и меньше. всеми (цвет линии зеленый и серый) ).

1-2.Удовлетворенность и количество пользователей

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

1-3, простой анализ

  • 1. Во внешнем пользовательском интерфейсе уровень использования и опыт использования React очень высоки, опыт использования Vue.js также хорош Хотя уровень использования увеличивается с каждым годом, общий уровень использования по-прежнему остается низким; У Angular хороший уровень использования, но опыт становится все хуже и хуже.
  • 2. В среде Nodejs Server уровень использования и опыт использования Express растут из года в год, а уровень использования Koa очень низок, а опыт использования не очень хорош.
  • 3. Среди инструментов упаковки уровень использования веб-пакета очень высок, но удовлетворенность использованием в определенной степени снизилась. величина данных.
  • 4. Можно сказать, что TypeScript и Jest находятся на одной странице, как с точки зрения скорости использования, так и с точки зрения пользовательского опыта.
  • 5. Другие библиотеки, такие как Electron, puppeteer, esbuild, хотя уровень использования не очень высок, но удовлетворенность использованием также очень высока.

2. Варианты JavaScript

Библиотеки для языков, которые компилируются в JS.

Следующие два графика показывают удовлетворенность различными языками в сознании разработчиков:

Видно, что TypectScript является одним из лучших, а данные намного превышают другие библиотеки.

3. Внешний фреймворк

На следующих двух рисунках показано, насколько разработчики удовлетворены различными интерфейсными фреймворками:

Видно, что более популярными интерфейсными фреймворками являются в основном React и Vue.js, Svelte можно назвать внезапным взлетом, и в этом году он добился наибольшего удовлетворения (хотя внутреннего ощущения нет), Angular падает опять и опять.

4. Управление данными

Библиотека для загрузки и управления данными в веб-приложениях.

Следующие два графика показывают удовлетворенность различных инструментов управления данными в сознании разработчиков:

Нетрудно заметить, что удовлетворенность Graphql и Apollo Client очень высока, удовлетворенность Vuex также высока, а удовлетворенность Redux снижается.

5. Бэкэнд-фреймворк

Библиотеки для запуска JS на сервере

Следующие два рисунка показывают удовлетворенность различных серверных фреймворков в сознании разработчиков:

Видно, что более популярными серверными фреймворками являются Express и Next.js, а удовлетворенность Koa, который обычно используется в Китае, с каждым годом снижается.

6. Инструменты тестирования

Следующие два графика показывают удовлетворенность различных инструментов тестирования в сознании разработчиков:

Видно, что Jest всегда был более популярным инструментом тестирования, но в 2020 году недавно выпущенная библиотека тестирования также очень популярна.

Семь, упаковочные инструменты

Хотя кажется, что webpack уже «господствует в мире», новый Snowpack и esbuild этого года обладают выдающимися характеристиками с точки зрения производительности и пользовательского опыта.

Следующие два графика показывают удовлетворенность различных инструментов упаковки в сознании разработчиков:

Автор также попробовал esbuild, и опыт упаковки действительно намного лучше, чем у webpack, который может сократить время сборки на 100%+, что стоит попробовать.

Восемь, кросс-энд фреймворк

Следующие два рисунка показывают удовлетворенность различных кросс-энд фреймворков в умах разработчиков:

Видно, что Electron по-прежнему очень популярен, но кросс-энд фреймворк все-таки не так хорош, как Native App, что также является одним из узких мест, ограничивающих развитие кросс-энд фреймворка.

9. Другие инструменты

На следующем графике показано количество пользователей других библиотек инструментов:

Видно, что Axios (библиотека HTTP-запросов), Lodash (библиотека функций инструментов) и Moment (библиотека обработки времени) по-прежнему широко используются всеми.


Добро пожаловать в "Byte Front End ByteFE"

Контактный адрес электронной почты для доставки резюме "tech@bytedance.com"