Fork me on GitHub

2016-08-02のJS: Mocha 3.0、React 15.3.0、ECMAScript Proposalの進捗

Edit on GitHub 編集履歴を見る

JSer.info #290 - Mocha 3.0がリリースされました。
メジャーアップデートであるため、いくつかの非互換性が含まれています。

Promiseを返すパターンとdoneの両方が同時に使われているケースをエラーとするように、
--grepに正規表現的な文字列を指定できるようになるなど


React 15.3.0がリリースされました。
React.PureComponentの追加、Jestと共に使うreact-test-rendererのパッケージを公開、propTypesの警告の改善などが含まれています。

React 15.2.0では騒がしい警告が色々追加されているので、アップデートする際は以下の記事を参考にすると良さそうです。


ECMAScript proposal updates @ 2016-07 | ECMAScript Dailyでは、7月に行われたTC39のミーティングの結果、Statusが変わったProposalについてまとめられています。

Async Functionstrailing commas in function parameterがStage 4となっています。

ES2017に入る予定(Stage 4)のものは以下にまとめられています。


ヘッドライン


Aurelia 1.0 is Here!!!

blog.durandal.io/2016/07/27/aurelia-1-0-is-here/

JavaScript library ReleaseNote

Aurelia 1.0リリース


Ember.js - Ember.js 2.7 and 2.8 Beta Released

emberjs.com/blog/2016/07/25/ember-2-7-and-2-8-beta-released.html

JavaScript ReleaseNote library

Ember.js 2.7と2.8 Betaリリース。
Ember 2.8ではEmber.EngineArray#includesのpolyfill、Ember.String.isHTMLSafeなどが追加される


mocha/CHANGELOG.md at master · mochajs/mocha

github.com/mochajs/mocha/blob/master/CHANGELOG.md

JavaScript testing ReleaseNote

Mocha 3.0.0リリース。 非同期テスト時にdone()の実装とPromiseを返すとエラーになる、--grepで正規表現リテラル的な文字列が指定可能に、describe.onlyの動作を改善など


Jest 14.0: React Tree Snapshot Testing · Jest

facebook.github.io/jest/blog/2016/07/27/jest-14.html

React testing library

Jest 14.0リリース。
React Componentのsnapshot testing、React Nativeサポートなど


Release v15.3.0 · facebook/react

github.com/facebook/react/releases/tag/v15.3.0

React ReleaseNote

React 15.3.0リリース。
React.PureComponentの追加、propTypesのバリデーション改善、テスト向けのreact-test-rendererを公開など


ESLint v3.2.0 released - ESLint - Pluggable JavaScript linter

eslint.org/blog/2016/07/eslint-v3.2.0-released

ESLint ReleaseNote

ESLint v3.2.0リリース。
no-tabルールの追加など


Release v6.12.0 · babel/babel

github.com/babel/babel/releases/tag/v6.12.0

babel ReleaseNote

Babel v6.12.0リリース。
babel-plugin-transform-runtimehelpers: falseを追加。
babel-plugin-transform-es2015-modules-umdexactGlobalsオプションを追加など


アーティクル


ECMAScript proposal updates @ 2016-07 | ECMAScript Daily

ecmascript-daily.github.io/2016/07/30/last-minutes-proposals-changes

ECMAScript proposal

2016年7月のミーティングのProposal statusの変化まとめ。
Async/Awaitとtrailing function commasがstage 4になった


A Comprehensive Guide to Font Loading Strategies—zachleat.com

www.zachleat.com/web/comprehensive-webfonts/

CSS fonts

Font Loadingの手法やそれぞれの良いところ、良くないところについてのまとめ


A step-by-step TDD approach on testing React components using Enzyme

thereignn.ghost.io/a-step-by-step-tdd-approach-on-testing-react-components-using-enzyme/

React jsx testing

Enzymeを使ったReact ComponentのTDDについて。
React Componentをテスト駆動で開発するチュートリアル


Taming requestAnimationFrame and requestIdleCallback

www.webreflection.co.uk/blog/2016/07/31/taming-raf-and-rick

JavaScript library

requestAnimationFrame/requestIdleCallbackなどのスケジューリングを行うライブラリについて


CSS: will-change指定時の挙動, パフォーマンスへの影響と考察 - Qiita

qiita.com/damele0n/items/71352757d0e6fdf5b184

CSS browser performance

CSSのwill-changeの効果の検証とブラウザの実装(ソースコード)について。
指定した値毎の挙動についてなど


React v0.14.x から v15.2.x へのアップデート録 ::ハブろぐ

havelog.ayumusato.com/develop/javascript/e717-react_v15_upgrade.html

React

React 0.14.xから15.2へのアップデートした際に出る警告と対処法について


JavaScript Systems Music

teropa.info/blog/2016/07/28/javascript-systems-music.html

JavaScript music

JavaScriptでSystems Music


スライド、動画関係


Vue.js @ Laracon - Google スライド

docs.google.com/presentation/d/16MpK3I2LZz47QdLg3uMNkCC3PqmM0znXF3-FdCEpics/mobilepresent#slide=id.p

JavaScript library スライド

Vue.js 2.0のコンセプトについてのスライド


Async Redux Module 1 // Speaker Deck

speakerdeck.com/freddyrangel/async-redux-module-1

redux スライド

Reduxでの非同期についてのスライド集。
そもそも動きから、middleware、thunk、sagaについて


Modern Javascript | AngularClass

courses.angularclass.com/courses/modern-javascript

JavaScript 動画

JavaScriptについての動画講座。
ES5の復習からES6の新しい機能、TypeScript、npm、webpackについて


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


はじめに | 目次

vuex.vuejs.org/ja/

JavaScript library document 翻訳

Vuexについてのドキュメント訳


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


CodeceptJS

codecept.io/

php JavaScript testing library

PHPのCodeceptionインスパイアなJavaScriptテストフレームワーク。
シナリオテストのハイレベルAPIで、Protractorなど他のtest runnerの中でも動かせる。


rkendall/reffix: The Reference Fixer for analyzing and fixing broken path references in files.

github.com/rkendall/reffix

JavaScript Tools

JavaScriptのrequireやimportのパス、HTMLのimgやscriptのパスのチェックと修正ができるツール


mgol/check-dependencies: Checks if currently installed npm dependencies are installed in the exact same versions that are specified in package.json

github.com/mgol/check-dependencies

npm library console Tools

npmでインストールしているバージョンとpacakge.jsonのバージョンが同一なのかをチェックできるライブラリとCLI


書籍関係


Front-End Web Development: The Big Nerd Ranch Guide: Chris Aquino, Todd Gandee: 9780134433943: Amazon.com: Books

www.amazon.com/Front-End-Web-Development-Ranch-Guide/dp/0134433947

JavaScript CSS book

2016年8月11日発売
Ember.jsを使ったウェブアプリについての書籍


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