JSer.info #323 - jQuery 3.2.0がリリースされました。

jQuery 3.2.0 Is Out! | Official jQuery Blog

$.cssがCSS Custom Propertyをサポート、transformされた要素の.width()、.height()の値がおかしい問題を修正、<template>要素をサポートされています。
また、jQuery.holdReady、jQuery.nodeName、jQuery.isArrayが非推奨となっています。

いくつかのregressionが見つかっていますが、それらは3.2.1で修正される予定です。

追記: jQuery 3.2.1がリリースされました。

テストライブラリであるSinon.JS 2.0.0がリリースされました。

sinon.logやsinon.logErrorは削除、sinon.testとsinon.testCaseがコアから削除されsinon-testへ分離されています。

また、sinon.calledInOrderなどのInternalなメソッドが非推奨になるなど

sinon.js logo

ロゴやサイトも新しくなりOpen Collectiveでスポンサーなどの募集も開始されています。

sinon is on Open Collective

Sinon.jsの競合でもあるテストライブラリのtestdouble.js 2.0がリリースされています。

td.objectではES2015 Proxyを使って存在しないプロパティなどのアクセスもキャッチ出来るようになり、thenCallbackなどで非同期stubのサポート、td.verifyの改善などが行われています。

機能や構文的なSinon.jsとの比較は次の記事にまとめられています。

Test Double | Our Thinking | testdouble.js vs. sinon.js

React+Redux+Express+MongoDBでものすごくシンプルなCRUDアプリをつくる - Qiitaという記事では、React+Reduxを使ったフロント側からExpress+MongoDBを使ったサーバ側までを実装し学ぶ目的のチュートリアルが書かれています。

サーバーとの通信の方法（より一般的には非同期処理の方法）
Reduxにおけるフォームの扱い
ExpressによるAPI
Node.jsからのMongoDBの操作
Herokuへのデプロイ

ステップバイステップで丁寧に書かれており、create-react-appを使って短縮できる部分は短縮されていて、フロントとサーバを繋げるハマりどころについての解説などもされています。

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

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

JSer.info Sponsors

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

ヘッドライン

Migrating to v2.0

sinonjs.org/releases/v2.0.0/migrating-to-2.0/

JavaScript testing library ReleaseNote

Sinon.js 2.0リリース。
sinon.logやsinon.logErrorは削除、sinon.testとsinon.testCaseがコアから削除され別モジュールへ分離。
Internalなメソッドが非推奨になるなど

sinon/Changelog.txt at v2.0.0 · sinonjs/sinon

jQuery 3.2.0 Is Out! | Official jQuery Blog

blog.jquery.com/2017/03/16/jquery-3-2-0-is-out/

jQuery ReleaseNote

jQuery 3.2.0リリース。
$.cssがCSS Custom Propertyをサポート、transformされた要素の.width()、.height()の値がおかしい問題を修正、<template>要素をサポートなど

Release [email protected]: Publish · ReactTraining/react-router

github.com/ReactTraining/react-router/releases/tag/react-router%404.0.0

React ReleaseNote library

React Router 4.0.0リリース。
書き直されたバージョンであり、既存のものとは互換性がないためマイグレーションガイドは用意されていない。

Release v0.42.0 · facebook/flow

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

flowtype ReleaseNote

Flow 0.42.0リリース。
Object type spread type TypeB = { ...TypeA } の追加。flow ideコマンドの追加など

ESLint v3.18.0 released - ESLint - Pluggable JavaScript linter

eslint.org/blog/2017/03/eslint-v3.18.0-released

ESLint ReleaseNote

ESLint 3.18.0リリース。
esqueryベースのASTセレクタに対応しルール内でセレクタを指定できるようになるなど

アーティクル

Testing Service Workers – Dev Channel – Medium

medium.com/dev-channel/testing-service-workers-318d7b016b19

ServiceWorker testing

ServiceWorkerのスクリプトに対するユニットテストについて。
Tests in SW、イベントのエミュレート、Push Eventのテストについてなど

ES6 Proxy をつかって堅牢なオブジェクトをつくるTips

aloerina01.github.io/javascript/2017/03/14/1.html

JavaScript

ES2015 Proxyを使ったImmutableやSingletonなどを例にした、オブジェクトの拡張方法について。
ProxyのtrapやReflect APIについて

EnzymeでReactコンポーネントのテストを書こう - DMM.comラボエンジニアブログ

labotech.dmm.com/entry/2017/03/07/180449

React testing tutorial article

Enzymeを使ったReactコンポーネントのテスト方法について

Background Tabs in Chrome 57 | Web | Google Developers

developers.google.com/web/updates/2017/03/background_tabs

Chrome

Chromeのバックグラウンドタブにおける制限について。
Chrome 57からは、timerやrequestAnimationFrameに加えて、budget-basedの制限が加わる。
バックグラウンドにいるかはPage visibility APIで判定できる。テスト時などは--disable-background-timer-throttlingのフラグで無効化できる。