Fork me on GitHub

2017-07-31のJS: React 16.0β、WebCrypto API、The JavaScript Way book

Edit on GitHub 編集履歴を見る

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

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

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

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

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

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

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


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

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


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

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


ヘッドライン


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/*は参照できなくなるなど


アーティクル


This is what Node.js is used for in 2017 - Survey Results

blog.risingstack.com/what-is-node-js-used-for-2017-survey/

node.js アンケート

Node.js利用者アンケートの結果が公開された。1,405の回答があり、Node.jsの利用用途、デプロイ先、利用バージョン、満足度などについて


Unit testing Angular applications with Jest

izifortune.com/unit-testing-angular-applications-with-jest/

Angular testing

Jestを使ってAngularのテストを行う方法について


Media Updates in Chrome 61  |  Web  |  Google Developers

developers.google.com/web/updates/2017/07/chrome-61-media-updates

Chrome video article

Chrome 61のMedia要素周りの変更点について。
MSEを使った動画はバックグラウンド時にVideo Trackが無効化されるように、デバイスがrotateした場合に一定の条件で自動的に動画がフルスクリーンとなるように


ECMAScript proposal updates @ 2017-07 | ECMAScript Daily

ecmascript-daily.github.io/ecmascript/2017/07/28/ecmascript-proposals-status

ECMAScript proposal

2017年5月時点のECMAScript仕様Proposalの変更点まとめ


PWAの実装をしてみた - 技術探し

abouthiroppy.hatenablog.jp/entry/2017/07/28/101318

ProgressiveWebApp React article

React + React Router + webpackでPWAのApp Shellパターンの実装をする話。
ルーティングでCode Splitting、Service Workerでのキャッシュについて


お気楽 ECMAScritp2015 超入門

www.geocities.jp/m_hiroi/light/js2015.html

ECMAScript JavaScript tutorial

ES2015で追加された機能や構文についての入門サイト。
それぞれの機能や使い方について解説されている


[es6]research on ES6 `Proxy`

gist.github.com/bellbind/8f33d81458dd454b430d4cd949076b30

ECMAScript JavaScript

ES Proxyについての解説。
targetとtraoの不整合はTypeErrorを投げる。Proxy周りの仕様の読み方やtrapの種類や役割について。
Proxy.revocableやユースケースについて


Writing a Node.js module in TypeScript

www.twilio.com/blog/2017/06/writing-a-node-module-in-typescript.html

TypeScript npm JavaScript

TypeScriptで書いたモジュールをnpmに公開するチュートリアル。


Error Handling in React 16 - React Blog

facebook.github.io/react/blog/2017/07/26/error-handling-in-react-16.html

React article

React 16で入るError Boundariesについて。 子コンポーネントで起きたエラーを親がキャッチできるcomponentDidCatchのライフサイクルメソッドが追加された


Update on Web Cryptography | WebKit

webkit.org/blog/7790/update-on-web-cryptography/

JavaScript security article

WebCrypto APIについて。 ネイティブ実装とライブラリの比較、基本的な使い方、非同期処理、利用できるアルゴリズム、prefix付きのWebKitSubtleCryptoからSubtleCryptoへの移行について


サイト、サービス、ドキュメント


Chrome Platform Status

www.chromestatus.com/features/schedule

Chrome browser

Chromeのリリーススケジュールと変更機能がまとまったページ


ソフトウェア、ツール、ライブラリ関係


bpesquet/thejsway: The JavaScript Way book

github.com/bpesquet/thejsway

JavaScript book DOM

JavaScriptについて学べる入門本。
JavaScript/ES2015+の基本的な文法の解説、DOM/DOM APIの解説、Node.jsなどを使って実際のウェブアプリを作るという内容


書籍関係


Amazon | TypeScript High Performance [Kindle edition] by Ajinkya Kher | Languages & Tools | Kindleストア

www.amazon.co.jp/TypeScript-High-Performance-Ajinkya-Kher-ebook/dp/B071VVFD4D

TypeScript book

2017年9月6日発売
TypeScriptでのプロジェクト開発についての書籍


Learning React - O'Reilly Media

shop.oreilly.com/product/0636920049579.do

React book redux

FunctionalなアプローチでReact/Reduxについて学ぶ書籍


この記事へ修正リクエストをする
記事を紹介する