📢 Вышел webpack 4.0.0 🚀
◆ Node.js v4 более не поддерживается
◆ Production и development режимы «из коробки»; выбираются ключом --mode
◆ Нативная поддержка импорта JSON-файлов
◆ Упрощена конфигурация: больше не нужно настраивать плагины NoEmitOnErrorsPlugin, ModuleConcatenationPlugin, NamedModulesPlugin – теперь это по-умолчанию сконфигурировано через mode
◆ Удалён CommonsChunkPlugin
◆ Модули WebAssembly
◆ Большое количество внутренних оптимизаций и улучшений производительности…

Подробности: https://github.com/webpack/webpack/releases/tag/v4.0.0

P.S. Астрологи объявили неделю wepback, количество скринкастов по настройке вырастет вдвое! 🌝

#javanoscript #devtools #webpack

Optional Chaining Operator – безопасное обращение к вложенным свойствам объектов на уровне языка – новое предложение в стандарт: 🔥

let zip = user?.address?.zip;

вместо

let zip = user && user.address && user.address.zip;

https://www.youtube.com/watch?v=FKRVqtP8o48

#javanoscript #ESNext

Exploring ES2018 and ES2019 – новая книга от Dr. Axel Rauschmayer доступная бесплатно для чтения онлайн: 📚

http://exploringjs.com/es2018-es2019/toc.html

#javanoscript #ESNext

Настраиваем автоматический линтинг и автоформатирование c помощью eslint, prettier и git-хуков: 🔧

https://kostasbariotis.com/progressive-javanoscript-linting/

#javanoscript #devtools

Exploring ReasonML and functional programming – книга от Dr. Axel Rauschmayer доступная бесплатно для чтения онлайн 📚

http://reasonmlhub.com/exploring-reasonml/toc.html

#javanoscript #reasonml

Beyond React – выступление Дэна Абрамова на JSConf Iceland 🇮🇸, в котором он показывает новые экспериментальные API позволяющие строить высокопроизводительные React-приложения:

https://www.youtube.com/watch?v=v6iR3Zk4oDY

#javanoscript #react #perfmatters

В одной из следующих мажорных версий React изменятся хуки жизненого цикла компонента. Deprecated станут componentWillMount, componentWillReceiveProps, componentWillUpdate. Паниковать не стоит – facebook готовят codemod, чтобы вам не пришлось рефакторить вручную все компоненты: https://github.com/reactjs/react-codemod/blob/master/transforms/rename-unsafe-lifecycles.js

Дэн Абрамов отмечает, что эти хуки часто содержат сайд-эффекты, что не очень хорошо для недавно представленных фичей "suspence/time slicing" : https://twitter.com/dan_abramov/status/972847917903032320

#javanoscript
#react

Состоялся релиз MobX 4 🚀 – простой и масштабируемой библиотеки управления состоянием
Что нового:
◆ Использование декораторов без синтаксических конструкций (больше не нужен babel-плагин)
◆ Динамическое изменение объектов
◆ when и flow для работы с асинхронными процессами
◆ Быстрее и меньше

https://medium.com/@mweststrate/mobx-4-better-simpler-faster-smaller-c1fbc08008da

Если хотите познакомиться с MobX – вот отличный курс: https://egghead.io/courses/manage-application-state-with-mobx-state-tree

#javanoscript #mobx

Hyperapp, как альтернатива React+Redux – минималистичная библиотека сочетающая уровень отображения на основе VirtualDOM и управления иммутабельным стейтом, всего в 1кб!

https://medium.com/hyperapp/hyperapp-for-redux-refugees-2507c9dd1ddc

#javanoscript #frameworks

Смотрим онлайн-трансляцию конфренции JavaScript fwdays'18 из Киева 🇺🇦:

https://www.youtube.com/watch?v=IBkeaL7CfcY

#javanoscript #conference

Трансляция второго потока fwdays'18: https://www.youtube.com/watch?v=cZKFpE-0MJU

Новый выпуск видеокаста Frontend & Backend @frontend_and_backend – Redux Async: Saga vs Thunk vs Observable ⚛

https://www.youtube.com/watch?v=xMN5VrvcuPI

#javanoscript #podcast #react #redux

В новом эпизоде funfunfunction небольшой обзор – действительно ли полезен async/await?!
А как вам удобнее писать асинхронный код – асинки, промисы или коллбэки?

https://www.youtube.com/watch?v=ho5PnBOoacw

#javanoscript #devtools

Вводный курс по функциональному программированию на языке PureScript – строго типизированном Haskell-подобном функциональном языке компилируемом в JavaScript:

https://egghead.io/courses/functional-programming-concepts-in-purenoscript

#javanoscript #purenoscript #fp

А что, если научить webpack делать предзагрузку чанков на основании данных из Google Analytics используя модель машинного обучения?! 🤔
Звучит бредово?
А вот Minko Gechev взял и запилил:

http://blog.mgechev.com/2018/03/18/machine-learning-data-driven-bundling-webpack-javanoscript-markov-chain-angular-react/

#javanoscript #devtools #machinelearning