Кому интересен 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

Немного аналитики за уходящий 2018 год!
С наступающим Новым Годом! 🎅🏻🎄

Январская встреча #TC39 пройдет в офисе GoDaddy с 29 по 31 января 2019. Это последний шанс для stage 3 предложений попасть в спецификацию ES2019. На данный момент в повестке указаны 3 пропозала, которые будут пытаться попасть на stage 4:
- Object.fromEntries
- Well-formed JSON.stringify
- String.prototype.{trimStart,trimEnd}

А вот и свежий эксплойт V8 в Math.expm1 – баг типизации статического анализатора.

https://abiondo.me/2019/01/02/exploiting-math-expm1-v8/

#javanoscript #v8 #security

Вячеслав Егоров опубликовал первую часть "Введения в виртуальную машину Dart" – Как Dart VM исполняет ваш код:

https://mrale.ph/dartvm/

#javanoscript #dart

Новогодний подарок от GitHub – приватные репозитории теперь бесплатно для Free-аккаунтов 🎆

https://blog.github.com/2019-01-07-new-year-new-github/

#javanoscript #devtools

#2009vs2019 #javanoscript

TC39 определился с финальным набором фичей, которые мы увидим в ES2019:
- изменение синтаксиса catch в случае не используемого блока
- улучшится сериализация юникод символов методом JSON.stringify
- появится Symbol.prototype.denoscription для получения строкового представления дескриптора Символа
- пересмотрен принцип работы Function.prototype.toString
- добавлен метод Object.fromEntries для создания объектов из массивов пар ключ-значение
- появятся методы String.prototype.{trimStart,trimEnd} с алиасами {trimLeft,trimRight}
- добавлены методы Array.prototype.{flat,flatMap}

#javanoscript #es2019