JSer.info #342 - React 16 β1が公開されました。

React 16 beta · Issue #10294 · facebook/react

@nextタグを指定することでインストールできます。

# Yarn
yarn add react@next react-dom@next

# Npm
npm install --save react@next react-dom@next

ES2015のMap/Setに依存してるのでpolyfillが必要となっています。
また、Fiberと呼ばれていたコア部分を書き直しも含まれていますが、基本的にはv15との互換モードで動作します。

React Fiber現状確認 - blog.koba04.com

ReactDOMNodeStreamというStreamベースサーバサイドレンダリングのサポートや
componentDidCatchで子コンポーネントのエラーをキャッチできるようになるなどの機能追加も行われています。

Error Handling in React 16 - React Blog

破壊的な変更として、Reactをnpm経由で入れた場合もbundleとなるため、react/lib/*は参照できなくなっています。
また、react-addons-perfはv16では動かなくなっていますが、直接的な代用はまだ提供されていません。興味がある人は次のIssueを確認して見るとよさそうです。

Proposal for a React performance table · Issue #801 · facebook/react-devtools

Update on Web Cryptography | WebKitという記事は、WebCrypto APIについて解説されています。

ライブラリとブラウザネイティブの実行速度の違いについてやWebCrypto APIの基本的な解説がされています。また、Safariのwebkit-の古い実装から最新のAPIへのマイグレーションについて書かれています。

bpesquet/thejsway: The JavaScript Way bookではLeanpubで販売されているThe JavaScript Wayの原稿が公開されています。

JavaScriptの基本やDOMの基本、それらを使ったウェブアプリケーションの開発などについて書かれています。

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

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

JSer.info Sponsors

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

ヘッドライン

Release Notes for Safari Technology Preview 36 | WebKit

webkit.org/blog/7833/release-notes-for-safari-technology-preview-36/

safari ReleaseNote

Safari Technology Preview Release 36リリース。
Object spreadのサポートなど

jasmine/2.7.0.md at master · jasmine/jasmine

github.com/jasmine/jasmine/blob/master/release_notes/2.7.0.md

JavaScript testing library ReleaseNote

jasmine 2.7.0リリース

esdoc/CHANGELOG.md at master · esdoc/esdoc

github.com/esdoc/esdoc/blob/master/CHANGELOG.md#101-2017-07-30

JavaScript document ReleaseNote

JavaScript向けのドキュメントツールのESDoc 1.0.1リリース。
コア部分もプラグイン化され、esdoc-standard-pluginにまとめられた。

React 16 beta · Issue #10294 · facebook/react

github.com/facebook/react/issues/10294

React ReleaseNote issue

React 16βリリース。
Map/Setに依存してるのでpolyfillが必要、Fiberを試験的にサポート。
Stream SSRのサポート、componentDidCatchで子コンポーネントのエラーをキャッチできるように、bundleを提供するようになりreact/lib/*は参照できなくなるなど