Актуальные технологии и тренды в веб-разработке

«Software is eating the world, the web is eating software, and JavaScript rules the web.»

Eric Elliott
Что произошло за последний год в мире JavaScript?

  • Frontend сегодня это не только JavaScript в браузере.
  • Сегодня Frontend и клиент и сервер.

JavaScript на сервере представлен Node.js (nodejs.org), экосистема Node.js — npm (www.npmjs.com). Что такое npm: 224 682 пакета, больше 2 500 000 загрузок в месяц.
Мир JavaScript сегодня это самый увлекательный сериал!

  • Год назад все морщились от React (facebook.github.io) и HTML-кода в JavaScript-коде.
  • А уже сегодня мы видим массовый переход на React.
  • Год назад все ломали головы про Flux (facebook.github.io).
  • Cегодня классический Flux уже устарел.
  • Всё закончилось сокрушительной победой Redux (github.com/rackt).

 

2014: Server-Side

  • Node.js стало много в Production, но его развитие стало замедляться.
  • Node.js активно вошёл в наши проекты для сборки.
  • Require.js (AMD) ушёл под давлением Browserife (CommonJS) + BrowserSync/Watchife.

 

2014: Client-Side

  • В проектах сражаются за доминирование: Angular, jQuery, Knockout, BackBone.
  • Благодаря сборщикам, от чистого CSS уходят: LESS, SASS, Stylus.
  • Большинство скептически посматривает на React:
    • HTML-подобный синтаксис?
    • Стили и обработчики событий inline?
    • На каждую мелочь — компонент? Зачем?
  • 30 апреля 2014 года в Сан-Франциско в 30-градусную жару на конференции «F8 Facebook Developer Conference» (fbf8.com) 1 700 разработчиков, Facebook представляет Flux, как альтернативу MVC и архитектуру для React-приложений.
  • Это помогло немного иначе посмотреть на React.
  • Гонка Flux-фреймворков: Fluxxor, Refliux.js, Flux от Facebook, Flummox, Marty.js, Fluxible от Yahoo, Airbnb представляет alt.
  • Было трудно, но понятно, что React и Flux — это верное направление.
  • ES6—транспилеры 6to5, esnext, traceur начали вытеснять CoffeScript и другие.

 

2015: Server-Side

  • 14 января выходит io.js — форк Node.js с более новым V8 частичным ES6 — промисы, генераторы.
  • 8 сентября вышел Node.js v4.0.0.
  • В середине года стал наблюдаться тренд: удален gulp из процесса сборки, заменой его на отдельные Node.js скрипты в npm scripts.

 

2015: Client-Side

  • Пришёл ES6, 15 февраля — Babel (6to5 + esnextr).
  • React Native (facebook.github.io).
  • Изоморфные приложения.
  • Взлёт популярности PostCSS.
  • Webpack cтал стандартом де-факто в проектах.
  • React почти полностью вытеснил Angular 1.x.
  • Гонка Flux-реализаций окончена сокрушительной победой Redux.

 

2016: Тренды

  • Качественный рост экосистем React и Redux.
  • Борьба библиотек работы с данными (Facebook Relay, om.next, etc) и поддержкой оффлайн-режима.
  • Давление на React-сообщество со стороны Angular 2.
  • Функциональное программирование и Immutable.js.
  • Изоморфные приложения.
  • Native Applications: React Native, Electron.
  • WebAssembly.
  • WebGL & SVG.
  • ES7: SIMD, Observable, etc.
  • Проекты обучение и профессиональной сертификации (egghead.io, etc).
  • React и Node.js активно войдет в Enterprise.
  • Микросервисная архитектура и контейнеры, например Docker (docker.com), станут стандартом де-факто.

 

Статья на основе выступления Дениса Измайлова «Актуальные технологии и тренды в веб-разработке» на конференции «GeekWeek» 18 ноября 2015 года — geekbrains.ru