В TC39 выбрали название новому глобальному объекту, которое не должно поломать весь интернет - globalThis 😱
Казалось бы, только разобрались с Array.flatten и Array.flatMap и наследием MooTools…

https://github.com/tc39/proposal-global

#javanoscript

Vue Devtools 5 Beta позволяет редактировать Vuex-state, пишет историю Vue Router'а и умеет анализировать производительность!

https://www.telerik.com/blogs/whats-new-in-vue-devtools-5-beta

#javanoscript
#devtools

Вышел Create React App 2.0 🎉

https://reactjs.org/blog/2018/10/01/create-react-app-v2.html

#javanoscript #react #devtools

Автор Vue.js Evan You делится планами развития фреймворка. Читайте статью, если хотите узнать чего ждать в Vue 3.0:

https://medium.com/the-vue-point/plans-for-the-next-iteration-of-vue-js-777ffea6fabf

#javanoscript
#vuejs

Тут некий Карлос написал на JavaScript майнер Bitcoin'ов и заопенсорсил это счастье, чтобы мы могли наконец-то разобраться как работает майнинг: 😱🔥

https://github.com/guerrerocarlos/bitcoin-miner

#javanoscript

Пишем на Rust, компилируем в WebAssembly, запускаем на Node.js – новый скринкаст от egghead.io:

https://egghead.io/courses/using-webassembly-with-rust

#javanoscript #webassembly #rust

Кому интересен GraphQL подключайтесь к стриму с конфы GraphQL Finland 🇫🇮

https://www.youtube.com/watch?v=aX-BxhkFd9g

Расписание тут - https://graphql-finland.fi/schedule/

#javanoscript #conference

Вышел Angular 7 – подсказки в CLI, виртуальный скролл, драг-н-дроп, улучшения в доступности select-ов и производительности приложений:

https://blog.angular.io/version-7-of-angular-cli-prompts-virtual-scroll-drag-and-drop-and-more-c594e22e7b8c

#javanoscript #angular

Вышел Node.JS v11 🎉

https://nodejs.org/en/blog/release/v11.0.0/

#javanoscript #nodejs

Смотрим трансляцию React Conf Day 1, по слухам обещают React 17, но это не точно 😉

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

#javanoscript #reactjs

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

console.log('obj1: ', obj1, 'obj2: ', obj2)

можно сделать так:

console.log({obj1, obj2})

что сделает в общем, тоже самое. Также удобно логировать объект в console.table: console.table({obj}) — выведет таблицу в столбцах которой будут названия ключей, а в ячейках — значения.

Раз уж залез в эту историю, давно хотел накидать краткую справку по консольному command line API (не всё, конечно, фрагментарно. С сортировкой в порядке субъективно значимой важности):

⟌ Постоянно пользуюсь:

◦ copy(object) скопирует аргумент в буфер обмена. Чрезвычайно полезная фича, особенно в связке с «Store as global value» из контекстного меню.
◦ keys(), values() — алиасы для Object.keys и Object.values
◦ в $0-4 хранятся ссылки на последние инспектированные DOM-элементы из Elements. На практике я пользуюсь только $0.

⟌ Порой использую:

◦ $(selector) и $$(selector) работают как алиасы для querySelector и querySelectorAll
◦ $_ в коносоли вернёт результат последнего вычисления


⟌ Редко использую:

◦ clear() (или хоткей Cmd+k, которым, в отличие от метода, пользуюсь постоянно) очистит консоль
◦ dir() — алиас для console.dir() — выведет в консоль представление аргумента в виде JS-объекта. Удобно для инспектирования DOM-элементов (для которых console.log отрисует просто ссылку на DOM-ноду, а dir — объект с атрибутами)

⟌ Остальное (на практике не использую):

◦ debug(function) — остановит выполнение сразу после попадания выполнения внутрь function. Отписаться можно с помощью undebug(). На практике не применяется.
◦ inspect(object/function) — откроет соответствующую вкладку — DOM-inspect для ноды или профилировщик — для функции
◦ getEventListeners(object) вернёт все подписавшиеся на этот объект через addEventListeners коллбэки
◦ monitor(function) выведет в консоль «function ${functionName} called with arguments: ${arguments}» при каждом вызове функции. Отписаться можно с помощью unmonitor()
◦ monitorEvents(object[, events]) — аналогичный инструмент для инспектирования событий объекта
◦ profile(id), profileEnd(id) — запустит и остановит профилировщик соответственно
◦ table() — алиас для console.table, табличное представление выводимых данных
◦ queryObjects(ConstructorName) — новое API — вернёт список всех инстансов ConstructorName. Например queryObjects(Promise) покажет все существующие на странице промисы. Работает также и с пользовательскими конструкторами и классами.

Если вы ещё не пользуетесь npx то самое время посмотреть свежий скринкаст:

https://egghead.io/courses/execute-npm-package-binaries-with-the-npx-package-runner

#javanoscript #devtools

Если вы как и мы пропустили стримы с Angular Connect 2018 - смотрите 41 видео с конференции в этом плейлисте:

https://www.youtube.com/watch?v=rbFLorQWlOQ&list=PLAw7NFdKKYpGr_je48akFwcw8tYUk4nzlp

#javanoscript #angular #conferences

Деструктуризация объектов и каррирование в функциональном JavaScript-коде:

https://jrsinclair.com/articles/2018/currying-destructured-function-parameters-javanoscript/

#javanoscript

Плейлист с докладами с недавно прошедшей JSConf US '18:

https://www.youtube.com/playlist?list=PL37ZVnwpeshGGVeMxXxCxjQZBJq5bqM7b

#javanoscript #conference

Разбор уязвимости npm-библиотеки event-stream, у которой, между прочим, около 2х миллионов скачиваний еженедельно:

https://schneid.io/blog/event-stream-vulnerability-explained/

#javanoscript #security

Microsoft собираются заменить Edge новым браузером на основе Chromium 🔥😱

https://www.windowscentral.com/microsoft-building-chromium-powered-web-browser-windows-10

#javanoscript

Занимательная история про то как в V8 делали spread-оператор быстрее: 🏎

https://v8.dev/blog/spread-elements

#javanoscript #perfmatters #v8