title | author | layout | date | category | tags | |||
---|---|---|---|---|---|---|---|---|
2018-04-23のJS:Chrome 66、Redux 4.0、Svelte 2.0 |
azu |
post |
2018-04-23 11:03:05 UTC |
JSer |
|
JSer.info #380 - Chrome 66がリリースされました。
- New in Chrome 66 | Web | Google Developers
- Chrome Platform Status
- Chromium Blog: Chrome 66 Beta: CSS Typed Object Model, Async Clipboard API, AudioWorklet
ECMAScriptの仕様(proposal)の実装として、 JavaScriptがJSONのsupersetに、trimStart/trimEndのサポート、catch節の引数省略に対応しています。
CSS Typed OM、CSS Paint API、AudioWorklet、Mediaのautoplay
のpolicy変更、Fetch APIがkeepalive
オプションをサポートなどが行われいます。
Reduxのメジャーアップデートとして4.0.0がリリースされました。
BREAKING CHANGEについては次のIssueにまとめられていますが、TypeScriptの型改善、元々使われることを意図してないActionTypes
をprivateに、bundleをCommonJSとES moduleで公開するようにするといった変更が行われています。
またReduxのReact bindingであるreact-reduxはもRedux 4.0.0に対応済ですが、Reactの新しいContext APIへの対応はまだ行われいません。
コンパイルしてライブラリに依存しないJavaScriptとして動作するフレームワークであるSvelte v2がリリースされました。
JSXを参考にテンプレートの構文が変更され、マイグレーションツールとしてsvelte-upgrade
が公開されています。
oncreate
とondestroy
のライフサイクルメソッドの追加に伴い、component.observe
が削除されています。
またコンポーネントからの値のとり方がcomponent.get('foo')
のようなcomponent.get().foo
のように変更されています。
以前は"42"
のような数字の文字列を渡すと文字列として評価されていましたが、{1}
のようにリテラルを使って数値として渡さないと行けないように修正されています。
// Before – pass number string and treat as numbers
<Counter start='1'/>
// After – should pass as numbers
<Counter start={1}/>
developers.google.com/web/updates/2018/04/nic66
Chrome ReleaseNote
Chrome 66リリース。
JSがJSONのsupersetに、trimStart/trimEndのサポート、catch節の引数省略に対応。
CSS Typed OM、CSS Paint API、AudioWorklet、Mediaのautoplay
のpolicy変更、Fetch APIがkeepalive
オプションをサポートなど
- Chrome Platform Status
- Chromium Blog: Chrome 66 Beta: CSS Typed Object Model, Async Clipboard API, AudioWorklet
github.com/reactjs/redux/releases/tag/v4.0.0
redux ReleaseNote TypeScript
Redux 4.0.0リリース。 TypeScriptの型改善、middlewareのdispatchが複数の引数に対応、パフォーマンス改善など
github.com/webpack/webpack/releases/tag/v4.6.0
webpack ReleaseNote
webpack 4.6.0リリース。
import
のコメントでpreloadとprefetchに対応、webpackのコアコードがTypeScriptのallowJs
とcheckJs
で型チェックされるようになるなど
- add support for link preload/prefetch by sokra · Pull Request #7056 · webpack/webpack
- Add TypeScript type checking by mohsen1 · Pull Request #6862 · webpack/webpack
svelte.technology/blog/version-2
JavaScript ReleaseNote
Svelte 2リリース。
テンプレートで{{}}
ではなく{}
を採用、マイグレーションツールの公開、Computed propertiesの引数がオブジェクトに、component.get
の返り値の変更。
またoncreate
/ondestroy
のライフサイクルを追加など
medium.com/sonarwhal/sonarwhal-is-v1-4262a2f887c9
JavaScript Tools ReleaseNote
ウェブサイトのLintツールであるsonarwhal 1.0リリース。
www.nativescript.org/blog/nativescript-4.0-is-out
JavaScript ReleaseNote ios Android
NativeScript 4.0リリース
JavaScript library ReleaseNote
underscore 1.9.0リリース。
_.restArguments
、_.chunk
、_.isSymbol
などの追加。
_.throttle
と_.debounce
がcancelできるように、パフォーマンス改善など
hacks.mozilla.org/2018/04/hello-wasm-pack/
WebAssembly Rust console Tools
RustでWebAssembly向けの開発するツールキット
dassur.ma/things/forcing-layers/
CSS performance article
要素をレイヤー化する方法としてwill-change: transform
がある。
しかし、実際にtransformしていないならばwill-change: opacity
やbackface-visibility: hidden
を使ったほうが良いという話。
backface-visibility
の動作についての解説
yarnpkg.com/blog/2018/04/18/dependencies-done-right/
npm yarn article
pacakge.jsonのdependencies
、devDependencies
、peerDependencies
の意味や使い分けについて。
バージョンの異なるものが混ざるとinstanceof
の問題やファイルサイズが増える問題などについて
node.js article
Node.js 10で予定される変更点について
zellwk.com/blog/dom-traversals/
DOM article
DOMトラバーサルについての記事。 DOM APIを使ってどのように要素を取得、辿っていくかについて
www.youtube.com/playlist?list=PLNYkxOF6rcICnIOm4cfylT0-cEfytBtYt
PWA video google opinion
Progressive Web App(PWA)の概要や何を解決しようとしているものなのか、実装にはなにが必要なのかなどを解説してるシリーズ動画。
github.com/aweary/react-copy-write
React JavaScript library
immerを使ってmutableな操作でstateを更新できるReact Contextを使ったステート管理ライブラリ。
krasimir/react-in-patterns: A free book that talks about design patterns/techniques used while developing with React.
github.com/krasimir/react-in-patterns
React デザインパターン book
Reactのパターンについての電子書籍
React、Angular、Vue.js、React Nativeを使って学ぶ はじめてのフロントエンド開発 | 原 一浩, taisa, 小松 大輔, 永井 孝, 池内 孝啓, 新井 正貴, 橋本 安司, 日野 洋一郎 |本 | 通販 | Amazon
www.amazon.co.jp/dp/4774197068/
JavaScript library book
2018年5月10日発売。 各フレームワークの紹介とSlackライクなサンプルをベースに解説する書籍
Rediscovering JavaScript: Master ES6, ES7, and ES8: Venkat Subramaniam: 9781680505467: Amazon.com: Books
JavaScript book
2018年10月25日発売 ES2015以降についての扱う書籍
Amazon.com: Node.js Microservices - Second Edition: Develop, deploy, and scale microservices with Node 8 eBook: Diogo Resende: Kindle Store
JavaScript node.js Microservices book
2018年8月9日発売 Node.jsのマイクロサービスについての書籍