JSer.info #319 - Babel 6.23.0がリリースされました。

transform-es2015-block-scopingにthrowIfClosureRequiredオプションが追加されました。
Babelの変換ではconstやletなどのスコープを実現するために、即時実行関数でスコープを作るという手法を取っています。
このオプションでは、そのようなスコープを作るケースをエラーにすることでパフォーマンス改善を行うためのオプションです。

In Babel 6.23 (just released), I made let/const's generated code more efficient! Upgrade to enjoy a very small perf boost in your apps. :) pic.twitter.com/DDD8Qj9rVF
— Ben Alpert (@soprano) February 14, 2017

Add option to block-scoping to throw on slow code by spicyj · Pull Request #5236 · babel/babel

babel-preset-flowの追加やReactの最適化プラグインのバグ修正、babel-traverseに隣接Nodeを取得するAPIの追加などが行われています。

Reactの最適化プラグイン周りのIssueについては、次のIssueも参考にすると良さそうです。

Re-enable babel-plugin-transform-react-constant-elements when it’s not buggy · Issue #553 · facebookincubator/create-react-app

Context in ReactJS Applicationsという記事では、ReactのContextについて解説されています。

そもそもReact Contextはどのようにして親から子のコンポーネントに値を渡しているのかや、使い方について書かれています。またContextを使うことによるメリットやデメリットについても書かれています。

If you insist on using context despite these warnings, try to isolate your use of context to a small area and avoid using the context API directly when possible so that it's easier to upgrade when the API changes.

-- Context - React

公式のドキュメントにも注意が書かれていますが、React Contextは将来的にはAPIの変更が予定されています(具体案は提示されていない)。そのため、メリットとデメリットを把握しておくと良さそうです。

@sebmck We will provide a new API but know that lots of people rely on the existing one. Meaning we'll provide an upgrade path for that.
— Sebastian Markbåge (@sebmarkbage) January 17, 2017

HTML ReferenceというサイトではHTMLタグのリファレンスが公開されています。

それぞれのタグごとに動作するサンプルコードがあり、block/inline/self-closing/metaで大きく分類されています。

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

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

JSer.info Sponsors

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

ヘッドライン

6.23.0 Released · Babel

babeljs.io/blog/2017/02/13/6.23.0

babel ReleaseNote

Babel 6.23.0リリース。
transform-es2015-block-scopingにthrowIfClosureRequiredオプションの追加、babel-preset-flowの追加。
Reactの最適化プラグインのバグ修正、babel-traverseに隣接Nodeを取得するAPIの追加など

Release v0.39.0 · facebook/flow

github.com/facebook/flow/releases/tag/v0.39.0

flowtype ReleaseNote

Flow v0.39.0リリース。
--no-suppressionsのサポート、typeをJSON printできる$Flow$DebugPrint typeの追加など

Release Safari IndexedDB support! · localForage/localForage

github.com/localForage/localForage/releases/tag/1.5.0

JavaScript library ReleaseNote

localForage 1.5.0リリース。
Safari 10.1からはIndexedDBを使うように変更された。

アーティクル

node の security checkをするなら nsp が便利 - from scratch

yosuke-furukawa.hatenablog.com/entry/2017/02/14/113910

node.js security Tools

プロジェクトに依存しているモジュールに脆弱性がないかをチェックするツール
Node Security Platformに公開されている脆弱性を元にチェックする

Native ECMAScript modules: dynamic import()

blog.hospodarets.com/native-ecmascript-modules-dynamic-import

ECMAScript JavaScript browser

dynamic import() Proposalについての解説。
import()はPromiseベースのAPIである点について、import()のfeature detectとpolyfill、Babelやwebpack 2での利用方法など

developers.google.com/web/updates/2017/02/navigation-preload

ServiceWorker Chrome

Chrome 57からOrigin-Trialで試験的に使える ServiceWorkerのnavigation preloadについて。
今まではServiceWorkerが起動してからリクエストが開始されていたため、起動時間がボトルネックとなるケースがあった。
ServiceWorkerをパラレルに扱うことができ、preloadされているリクエストを取得できるAPIについて