JSer.info #387 - ステート管理ライブラリのMobX 5.0.0がリリースされました。

mobx/CHANGELOG.md at master · mobxjs/mobx

MobX 5.0.0ではObservableの実装にデフォルトでES Proxyが利用されるようになりました。
これによりgetterではできなかった、宣言時になかったプロパティを動的に追加した場合も検知できるようになっています。
詳しくは次の記事でも解説されています。

MobX 5.0.0 について - console.lealog();

またProxyをサポートしてないブラウザ(IE)はサポート対象外となり、npmで配布されるパッケージもES2015のコードベースで配布されるようになっています。

Proxy - JavaScript | MDN

IEなどでも利用したい場合はMobX 4を利用することが推奨されています。

QtWebKitベースのヘッドレスブラウザであるPhantomJSのリポジトリがアーカイブ化されました。

Securityリリースの予定なども特にないことから事実上のEOL(End Of Life)になっています。

次の記事で詳細を書いています。

PhantomJSの開発が終了しリポジトリがアーカイブ化された - JSer.info

10 Things I Regret About Node.js - Ryan Dahl - JSConf EU 2018 - YouTubeという発表ではNode.jsのオリジナルの作者である@ry (Ryan Dahl)によるNode.js初期におけるデザインミスついての発表がされています。
また現在開発中のTypeScriptのruntimeとして作成してるDenoの紹介も行われています。
Denoのゴールはsandbox firstのセキュリティ、モジュールシステムの簡素化、ブラウザとの互換性などがあげられています。

次の記事で補足も合わせた抜粋訳が公開されているので見てみるといいかもしれません。

Node.js における設計ミス By Ryan Dahl - from scratch

JSer.infoをサポートするには

😘 知り合いにJSer.infoをおすすめする
❤️ GitHub Sponsorsで@azuのスポンサーになる
🐦 X(Twitter)で@jser_infoをフォローする

JSer.info Sponsors

JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。

ヘッドライン

Safari Technology Preview 58, with Safari 12 Features, is Now Available | WebKit

webkit.org/blog/8327/safari-technology-preview-58-with-safari-12-features-is-now-available/

safari ReleaseNote

Safari Technology Preview Release 58リリース。
Safari 12相当の機能が含まれている。

What’s New in Safari - Apple Developer

Release v6.1.0 · npm/npm

github.com/npm/npm/releases/tag/v6.1.0

npm ReleaseNote

npm 6.1.0リリース。
npm audit fixの追加、npm init <pkg>がgit urlをサポートなど

Chromium Blog: Chrome 68 Beta: add to home screen, payment handler, page lifecycle

blog.chromium.org/2018/06/chrome-68-beta-add-to-home-screen.html

Chrome ReleaseNote

Chrome 68βリリース。
Payment Handler API、Page Lifecycle API、customElements.upgrade()、 Keyboard lock APIのサポートなど

mobx/CHANGELOG.md at master · mobxjs/mobx

github.com/mobxjs/mobx/blob/master/CHANGELOG.md#500

JavaScript ReleaseNote library

MobX 5.0.0リリース。
ObservableにProxyを利用するようになり、IEなどProxyがない環境は非サポートに。
また、公開されるパッケージのコード自体もES2015となった。

Release Inferno v5.1.0 · infernojs/inferno

github.com/infernojs/inferno/releases/tag/v5.1.0

JavaScript React library ReleaseNote

Inferno v5.1.0 リリース。
Inferno-devtoolsの書き直しなど

アーティクル

Yarn import now uses package-lock.json | Yarn Blog

yarnpkg.com/blog/2018/06/04/yarn-import-package-lock/

ReleaseNote article npm yarn

yarn 1.7.0でpackage-lock.jsonをyarn.lockとしてimportできるようになった。

Competing lockfiles create poor UX · Issue #5654 · yarnpkg/yarn

You Probably Don't Need Derived State - React Blog

reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html

React article

React 16.3で導入されたgetDerivedStateFromPropsのケーススタディ。
getDerivedStateFromPropsはpropsの変化を元にstateを更新するために利用する。どのような時に利用するべきか、しないべきかについて

Flow から TypeScript に移行しました - てくすた

texta.pixta.jp/entry/2018/06/07/120000

flowtype TypeScript article

FlowからTypeScriptへの移行について。
移行の理由、移行の手順やツールの組み合わせについてなどについて

developers.google.com/web/fundamentals/performance/navigation-and-resource-timing/

browser performance article JavaScript

Navigation TimingとResource Timingについて。
それぞれのAPIの使い方や取得できるデータの意味、クロスオリジンのリソースのTiming-Allow-Originヘッダによる対応。
またRUMのデータとして集める場合のデータの送信方法としてnavigation.sendBeaconの使い方やfailbackについてなど