Примечание редактора: Сфера проникновения JavaScript становится все шире и шире, и он может сделать гораздо больше, чем разработка внешнего интерфейса. Не так давно stateofjs.com только что выпустилОтчет о состоянии JavaScript за 2017 г., а теперь Райан Чартранд запустил очень уместноТенденции JavaScript в 2018 году, Объединив эти две статьи вместе, я верю, что как JS-разработчик вы больше не будете путаться.
В прошлом году JavaScript использовали 50 000 человек.Повышательная тенденцияЛюбопытный. . Ну что ж, коллеги-разработчики, а теперь посмотрим, как проходит 2018 год.
Эта статья для вас, если вы провели весь 2017 год в изоляции или слишком заняты проектами, чтобы позаботиться о себе.
Многое из того, что произошло в 2017 году, готовит почву для множества действий и инноваций в 2018 году.
Вы также можете использовать эту статью в качестве руководства по планированию своего личного роста для запускабольше инновационных проектов.
React vs. Vue.js
Давайте перейдем прямо к делу и сразу к хорошему: подумайтеVueможет статьReactКрупных конкурентов не так много, но игнорировать Vue в этом году невозможно, затмив даже Angular с точки зрения ажиотажа разработчиков.
В преддверии 2018 года у нас будет 2 года интенсивной конкуренции, и ажиотаж вокруг Vue будет ошеломляющим.
React имеет финансовую поддержку одной из самых богатых компаний в мире, не говоря уже о том, что у них также есть чрезвычайно талантливые сопровождающие.
Но Vue делает следующие вещи, которые действительно радуют разработчиков:
-
Vue легкий, простой в освоении, имеет невероятные инструменты, имеет встроенное управление состоянием и маршрутизацию (!) и многое другое.
Сообщество Vue, конечно, не такое большое, как у React, но оно растет с точки зрения того, есть ли у основной команды хорошие мессенджеры и прислушиваются ли они к клиентам.
Когда дело доходит до угождения разработчикам, давайте не будем забывать об эпической неудаче Facebook в коллекции BSD+Patents в этом году, которая раздражала многих разработчиков.
На самом деле мы доросли до того, что вы можете начать любой проект с Vue, чтобы облегчить себе жизнь, и это впечатляющее достижение их основной команды.
Вот статья о React, Vue и Angularхороший контраст.
Как это может выглядеть в конечном итоге? Facebook сделает то, что у него получается лучше всего: скопирует новаторов, и мир продолжит использовать React.
Если вы разработчик Angular, который отказывается изучать React, Vue должен быстро стать лучшим вариантом для вашей карьеры, поскольку возможности Angular сокращаются (и некоторые синтаксис Vue похож на Angular).
Каждый JS-разработчик все еще должен рассмотреть возможность изучения Vue.js, потому что он произвел достаточно шума, и теперь мы начинаем видеть появление спроса на разработчиков Vue.js, а это означает, что, по крайней мере, в краткосрочной перспективе вы можете создать некоторую ценность самостоятельно.
Next.js
Тогда естьNext.js, которую мы называем «React Insurance».
Хотя Facebook никогда не был впереди всех и не может сравниться с Vue с точки зрения инновационного импульса, с точки зрения инструментов, вырезания кода, маршрутизации и управления состоянием,React плюс Next.js могут значительно приблизить вас к Vue в опыте., в дополнение к предоставлению вам доступа к обширной экосистеме React и поддержке.
Next также особенно полезен для серверных приложений, разработанных с помощью React, которые становятся все более популярными в приложениях.
Кроме того, плюсNow.js(разработан той же командой), и вы получаете очень быстрый способ развертывания приложений React.
Поскольку битва Vue против React продолжается, ожидайте увидеть все больше и больше пар мечей Next и React, что заставит всех в лагере React чувствовать себя немного более комфортно.
Angular
Angular останется одним из самых популярных фреймворков в 2018 году, хотя угодить разработчикам становится все труднее и труднее.
Многие компании приняли Angular 1.0, и, поскольку они планируют портировать более совершенные фреймворки в 2018–2019 годах, они будут смотреть, станет ли React или Vue лучшей заменой Angular 2.
Остальные сторонники Angular заявили, что Angular будет предпочтительным JS-фреймворком для предприятий, но это утверждение еще предстоит доказать и, возможно, не будет доказано в 2018 году.
Вот что вам нужно знать о 2017 годуВсе об Ангуляре.
Reason
Все, что Facebook использует в производстве, всегда стоит посмотреть.
Facebook теперь используетReasonразвиватьFacebook Messenger для Интернетаи другие элементы (Whatsapp, Instagram, реклама и т. д.).
В 2017 году они также запустилиreason-react, который связывает Reason с Reacy, поэтому вы можете писать код Reason, который компилируется в идиоматический ReactJS.
Таким образом, вы можете представить мощь OCaml + Reason (который теперь поддерживает привязки React) без установки Babel (+ множество плагинов), Flow и т. д. Это большая тенденция, которую нужно развивать.
В этом году Reason привлек гораздо больше внимания в области JS, чем большинство языков, компилируемых в js, так что это определенно одна из тенденций, за которой стоит следить в 2018 году.
GraphQL
GraphQL— это язык запросов для API (можно рассматривать как современную версию REST).
GraphQL оправдал шумиху в 2017 году, напримерYelp, Spotify, Github, Walmart, The New York TimesДругие крупные компании внедряют GraphQL, и теперь существуют API-интерфейсы на основе GraphQL.
Некоторые из этих API даже специально поддерживают GraphQL и даже не имеют опции REST. вкратце:Инновационные компании делают ставку на GraphQL. API-интерфейсы RESTful, безусловно, далеки от мертвых, но опять же, анализ тенденций использования стартапов показывает, что GraphQL — это горячий вариант.
С другой стороны, альтернативы, такие как Falcor, едва ли имеют право голоса для обсуждения.
Сейчас самое время начать изучать GraphQL, если вы хотите получить работу в инновационной компании.
Redux, Relay Modern и Apollo
Redux было жаркоDan Abramov/Andrew Clark проект, который быстро стал популярным решением для управления состоянием React и очистки данных.
Но GraphQL изменил статус-кво, в основном в очистке данных.
теперь у нас естьRelay Modern (разработан Facebook) и Apollo, клиентской инфраструктуре GraphQL, которая позволяет получать и передавать данные GraphQL в приложения React более эффективно, чем Redux.
Но, как заметил один разработчик, Relay/Apollo/Redux:
Эти рамки и их преимущества не обязательно должны быть взаимоисключающими. На самом деле их совместное использование обеспечивает хорошее разделение задач, что так важно для веб-разработки.
Это означает, что вы по-прежнему можете использовать Redux с Relay, который используется для управления локальным состоянием и некоторым сложным внешним состоянием, которое затем извлекается Relay.
Но сообществу интересно что-то, что упрощает это (пока единственный ответ — Vue.js илиCashay) больше волнуется.
Storybook
Вау, сборник рассказов 2017это действительно в огне.
Storybook — это среда для определения, разработки и тестирования компонентов пользовательского интерфейса.
Благодаря огромным усилиям сообщества он прошел путь от почти мертвой воды в начале года до массовой эпидемии в середине года. Это чрезвычайно вдохновляющая история о том, как должна развиваться работа с открытым исходным кодом, и это реальная история.стоит прочтения.
Сборник рассказов настолько полезен (и интересен в использовании), что вы можете разрабатывать и тестировать пользовательский интерфейс самостоятельно. Это похоже на живое руководство по дизайну пользовательского интерфейса, которое представляет реальную ценность для разработчиков.
Возможно, вы сталкивались с проектами с открытым исходным кодом, разработанными с помощью Storybook, но если вы хотите сами убедиться, как это работает, ознакомьтесь с Design with Storybook.Выбор даты Airbnb.
Если вы хотите выделиться как разработчик в 2018 году, используйте Storybook, чтобы представить свой последний проект во время интервью.
Дополнительный совет: советую вам также взглянутьreact-bluekit, который является заменой Storybook, который команда инженеров Netflix использовала для разработки своей библиотеки компонентов.
Prettier
Как следует из названия, Prettier — это средство форматирования кода, которое делает ваш код более читабельным и красивым.
foo(reallyLongArg(), omgSoManyParameters(), IShouldRefactorThis(), isThereSeriouslyAnotherOne());
стали:
foo(
reallyLongArg(),
omgSoManyParameters(),
IShouldRefactorThis(),
isThereSeriouslyAnotherOne()
);
эта вещь18 000 звезд на GitHub, разработчики любят этот простой и ценный проект.
Он также используется во многих других ваших любимых проектах, таких как Webpack, React, Next.js, Babel и других.
Опять же, вы можете стать разработчиком Go и пользоваться его функциями, не устанавливая его.
Шутка и фермент
Говоря о тестировании JavaScript,JestНесомненно, тот, что впереди, иEnzymeЭто отличное дополнение, особенно при разработке приложений React.
прямо как тысмотри то же самое здесь, Jest теперь правит Jasmine, когда дело доходит до загрузок.
В 2017 году функция моментальных снимков Jest действительно стала популярной, что сделало обработку тестов намного менее болезненной. Вы можете проверить это на React Conf 2017.речьузнать все об этом.
Enzyme, разработанная командой инженеров Airbnb, представляет собой библиотеку JavaScript для тестирования компонентов React. С 2016 года у него 12 000 звезд на GitHub.
Jest и Snapshots + Super-Simple React Pream API API API формируют прочную тестируемую смесь, которая будет продолжать расти по популярности в 2018 году.
Webpack
WebpackСтал самым популярным инструментом упаковки активов. У Webpack также был невероятный год.
В это же время в прошлом году Webpack был едва задокументирован, и большинство разработчиков не знали, как начать его использовать.
Затем, в начале года, я написал статью о том, как невероятно, что Webpack получил 15 000 долларов на поддержку этого проекта за 3 месяца. И теперь они собрали сотни тысяч долларов в качестве финансирования.
Webpack не только проложил путь к процветанию проектов с открытым исходным кодом, но и в течение всего года проект сохранял сильную динамику.
К счастью, Шон Ларкин по-прежнему возглавляет Webpack, так что нет предела возможностям Webpack сделать следующее большое дело.
Поскольку у проекта так много поддержки (и насколько они заботятся о сообществе), наиболее прогнозируемой тенденцией на 2018 год является именно он.
Parcel
Но с каждым массовым трендом приходит растущая армия недовольных разработчиков.
Parcel, конкурентоспособный инструмент для упаковки, также довольно быстро набрал обороты, и теперь он набрал 12 000 звезд на GitHub и начинает напрямую угрожать статусу Webpack.
Преимущество Parcel в том, что другие упаковщики становятся слишком громоздкими, а Parcel упаковывает в 2 раза быстрее, чем Webpack (в 10 раз быстрее с кэшированием).
Он также нацелен на несколько запутанные настройки конфигурации для Webpack, которые Parcel не требует.
Просто направьте его на точку входа вашего приложения, и оно все сделает правильно.
Хотя упрощение конфигурации и повышение скорости являются хорошими улучшениями, я не удивлюсь, если Webpack не скопирует эти улучшения в первой половине 2018 года.
Подобно битве Vue и React, маленький парень всегда внедряет инновации быстрее, но это зависит от того, какие инновации вдохновляют большого парня для улучшения своего проекта.
Gatsby
Gatsby— это генератор статических веб-сайтов для React от Кайла Мэтьюза.
С тех пор, как в прошлом году Кайл полностью разрабатывал Гэтсби, это дело действительно начало набирать обороты.
Сам веб-сайт React был разработан с Гэтсби, и нет лучшего доказательства, чем это.
Gatsby — это производительность и предоставление React максимально быстрой работы в Интернете.
Эта диаграмма с их сайта дает вам представление о том, как это работает:
Gatsby также использует передовые веб-технологии для предварительной выборки ресурсов для других веб-страниц, что делает просмотр страниц молниеносным.
Хотя Gatsby никоим образом не будет доминировать в отрасли, это отличное решение для разработки быстрых статических веб-сайтов, популярность которых будет продолжать расти.
Чтобы узнать больше о Гэтсби, вы можете обратиться к этомустатья.
Babel
Babel пока не нуждается в представлении, и в целом он будет продолжать оставаться в тренде.
В целом 2017 год был хорошим для Babel, основное внимание уделялось разработке Babel 7 (надеюсь, он выйдет в начале 2018 года). Самое главное, что они написалипесня:)
Бабел - единственная проблема - это то, что это то, что все больше становится мейнстримом.
Но до сих пор Babel продолжал уверенно развиваться в 2018 году.
Flow & Typescript
Typescript а также Flow Оба являются отличными вариантами статической типизации, которые разработчики JavaScript могут использовать для улучшения качества своего кода.
Мы не обязательно увидим, кто кого уничтожит в 2018 году, поэтому они будут сосуществовать вместе, каждый из которых служит своему варианту использования.
Flow, разработанный Facebook, является предпочтительным выбором для разработчиков React, поскольку его легко интегрировать с Babel и он обычно используется в проектах React.
TypeScript, разработанный Microsoft, популярен среди разработчиков Angular 2+, потому что это основной язык.
Immutable.js
Popmotion
React Native & Electron
Оригинальная ссылка:hacker noon.com/ он и -top- просто av…
Произведено командой компилятора. Редактор: Хао Пэнчэн.