JSer.info #446 - シングルページアプリケーション向けのJavaScriptフレームワークであるMithril 2がリリースされました。

Release v2.0.1 · MithrilJS/mithril.js

破壊的変更としてm.redraw()がデフォルトで非同期となり、代わりにm.redraw.sync()が追加されています。
その他にもm.withAttrの削除、m.requestが返すPromiseがサーバエラーの場合にもrejectされないように変更、IE10以下のサポート終了なども含まれています。
また、m.requestがtimeoutやresponseTypeのサポートなどの機能追加も含まれています。

Electron 6.0.0がリリースされました。

Chromium 76へのアップデートやCookies APIでPromiseのサポート、macOSでTouch IDでの認証を行うSystemPreferences.promptTouchID()の追加などが行われています。
また、sandboxed renderersでの利用が非推奨となっていたfsやchild_processなどを直接requireできる挙動が削除されています。
代わりに明示的な remote.require を使う必要があります。

- require('fs');
+ require('electron').remote.require('fs')

The Complete Introduction to Reactというドキュメントでは、React入門者向けのガイドが公開されています。

基本的なReactの概念、JSX、コンポーネント、Hooks APIなどサンプルコードを動かしながら学べるようになっています。

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

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

JSer.info Sponsors

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

ヘッドライン

Release v2.0.1 · MithrilJS/mithril.js

github.com/MithrilJS/mithril.js/releases/tag/v2.0.1

JavaScript library ReleaseNote

mithril.js 2.0リリース。
破壊的変更としてm.redraw()がデフォルトで非同期となりm.redraw.sync()の追加、m.withAttrの削除など。
また、m.requestがtimeoutやresponseTypeのサポート、IE10以下のサポート終了など

Node v12.7.0 (Current) | Node.js

nodejs.org/en/blog/release/v12.7.0/

node.js ReleaseNote

Node v12.7.0リリース。
npm 6.10.0へアップデート、pkg-exports Proposalの試験的サポート、Policyのチェックを行う--policy-integrity=sriオプションの追加。
また、DockerのMemory制限(linux cgroupsでの設定)を正しく取得するように修正など

Release v5.2.0 · GoogleChrome/lighthouse

github.com/GoogleChrome/lighthouse/releases/tag/v5.2.0

Chrome performance ReleaseNote

Lighthouse 5.2.0リリース。
Chrome 77に搭載予定。サードパーティスクリプトのパフォーマンスへの影響を表示できるように、メインスレッドの合計ブロック時間の計測など

patrickhulce/third-party-web: Data on third party entities and their impact on the web.

Release v4.38.0 · webpack/webpack

github.com/webpack/webpack/releases/tag/v4.38.0

webpack ReleaseNote

webpack v4.38.0 リリース。
ProgressPluginのパフォーマンス改善、chunk graphを生成時に親子関係を追跡することでインクリメントビルド時のchunk生成パフォーマンスを改善など

Release v2.0.0 · vuetifyjs/vuetify

github.com/vuetifyjs/vuetify/releases/tag/v2.0.0

Vue UI library ReleaseNote

VueでMaterial Designを行うUIライブラリのVuetify 2.0リリース。
Material Design 2に対応、新しいコンポーネントの追加など。
1.5からのマイグレーションガイドも併せて公開されている

Release electron v6.0.0 · electron/electron

github.com/electron/electron/releases/tag/v6.0.0

Electron ReleaseNote

Electron 6.0.0リリース。
Chromium 76へのアップデート、Cookies APIでPromiseのサポート、macOSでTouch IDでの認証を行うpromptTouchID()の追加など。
sandboxed renderersで非推奨となっていたrequire('fs')などでrequireできる挙動の削除など。代わりに明示的な remote.require を使う必要がある。

Chromium Blog: Chrome 76 Beta: dark mode, payments, new PWA features and more

アーティクル

What's New In DevTools (Chrome 77) | Web | Google Developers

developers.google.com/web/updates/2019/07/devtools

Chrome debug article

Chrome 77の開発者ツールの更新点について。
要素のスタイルをコピーできるよう、Layout Instabilityの可視化、Lighthouse 5.1へのアップデート、ネットワークパネルにPrefetch cacheの表示が出るように。
また、Push通知などがApplicationパネルで確認できるようになるなど

Understanding service worker life cycle - Vipul Nema - Medium

medium.com/@vipulnema2610/understanding-service-worker-life-cycle-b6580aa4eb50

ServiceWorker article

Service Workerのライフサイクルの解説

Keeping things fresh with stale-while-revalidate | web.dev

web.dev/stale-while-revalidate/

browser HTTP article performance

Chrome 75とFirefox 68でサポートされたstale-while-revalidate HTTPヘッダサポートについて。
一定時間はキャッシュを利用するが、同時にバックグラウンドでキャッシュを更新する。
Cache-Control: max-age=1, stale-while-revalidate=59の挙動解説やユースケースなどについて