Fork me on GitHub

2017-04-10のJS: React 15.5.0、ESLint 4.0.0α、Glimmer

Edit on GitHub 編集履歴を見る

JSer.info #326 - React 15.5.0がリリースされました。

minorリリースですが、16.0に向けて色々な機能に非推奨の警告が出るようになっています。

本体に同梱されていたReact.PropTypesReact.createClassはそれぞれprop-typescreate-react-classのパッケージに分離されています。
これらについてはreact-codemodを使ったマイグレーションスクリプトが提供されています。

また、React Addonsとして提供されていたパッケージのいくつかは、代替えの方法があるため公式でのサポートを終了するようです。


ESLint v4.0.0のα版がリリースされました。

npm install eslint@next --save-dev

でインストールすることができます。
ビルトインのeslint:recommendedのルールが変更、indentルールの厳密化、.eslintrcのバリデーションを行うようになるなど色々な変更が予定されています。

詳しい変更点(予定)は次のマイグレーションページにかかれています。


EmberのView層でもあるレンダリング(テンプレート)エンジンのGlimmerのサイトが公開されました。

Ember 2.10でGlimmer 2が同梱されましたが、今回Glimmerを単独のコンポーネントライブラリとして使う方法が提供されました。

Glimmerについては、次の記事で詳しく解説されているので、あわせて読むと良さそうです。


ヘッドライン


Video.js 6.0 Release! | Video.js Blog

blog.videojs.com/Video-js-6-0-Release/

JavaScript video ReleaseNote

Video.js 6.0リリース。
Flashがコアから取り除かれた。
middleware周りの変更、DOMメソッドをvideojs.domへ移動の予定など


release: npm@5.0.0 by zkat · Pull Request #16244 · npm/npm

github.com/npm/npm/pull/16244

npm issue ReleaseNote

今後リリース予定のnpm 5.0.0βについて。
相対パスをnpm installがsymlinkを作るように(file:ではなくlink:へ)、キャッシュシステムの改善、--prefer-offline--offlineの追加。
git://でもsemverを指定できるように、npm installの結果がサマリで出るように


Release 0.19.0 · avajs/ava

github.com/avajs/ava/releases/tag/v0.19.0

JavaScript testing ReleaseNote

AVA 0.19.0リリース。
一つもassertionが実行されないテストはデフォルトで落ちるように、t.throws()での非同期対応の改善、非同期テストでハングしているものを検知するようになるなど


Release v2.0.0-rc.0 · lerna/lerna

github.com/lerna/lerna/releases/tag/v2.0.0-rc.0

JavaScript Tools ReleaseNote

monorepo管理ツールのlerna 2.0.0RCリリース。
--conventional-commitsでconventional-commitsベースのCHANGELOGを作れるようになるなど


ESLint v4.0.0-alpha.0 released - ESLint - Pluggable JavaScript linter

eslint.org/blog/2017/04/eslint-v4.0.0-alpha.0-released

JavaScript ESLint ReleaseNote

ESLint 4.0.0 αリリース。
eslint:recommendedの更新、indentルールの変更、ASTのコメント周りの扱いの変更、公開APIの変更など


Release v1.6.0 · karma-runner/karma

github.com/karma-runner/karma/releases/tag/v1.6.0

JavaScript browser testing ReleaseNote

Karma v1.6.0リリース。
browser_infoイベントの追加、proxyResproxyReqイベントをhookできるようになるなど


React v15.5.0 - React Blog

facebook.github.io/react/blog/2017/04/07/react-v15.5.0.html

React ReleaseNote

React 15.5.0リリース。
同梱されていたReact.PropTypesReact.createClassが非推奨となり、それぞれ別パッケージに別れた。
react-codemodを使うことでマイグレーションできる。


Release Notes for Safari Technology Preview 27 | WebKit

webkit.org/blog/7497/release-notes-for-safari-technology-preview-27/

safari ReleaseNote JavaScript

Safari Technology Preview Release 27リリース。
Object spread/rest propertyの実装、window.opennoopenerを実装、Web Inspectorの改善、Web Cryptography APIでSPKI/PKCS8に対応など


Ember.js - EmberConf 2017: State of the Union

emberjs.com/blog/2017/04/05/emberconf-2017-state-of-the-union.html

JavaScript 歴史 library

Ember.jsの歴史とこれからについて。
スタンドアローンで利用できるようになったコンポーネントレイヤーのGlimmerについてなど


Glimmer

glimmerjs.com/

JavaScript DOM library WebComponents

Emberとは独立したコンポーネントとして利用できるようになったGlimmerのサイト


Release 8.0.0 · developit/preact

github.com/developit/preact/releases/tag/8.0.0

React JavaScript ReleaseNote

Preact 8.0.0(8.1.0)リリース
Pure Functional Componentsの書き直し、linkStateclassNameのオブジェクトオプションはそれぞれ外部モジュールへと機能を移譲など


Release Version 3.0.0 · sweet-js/sweet.js

github.com/sweet-js/sweet.js/releases/tag/v3.0.0

JavaScript Tools ReleaseNote

Hygienic Macrosを提供するsweet.js 3.0.0リリース。


アーティクル


How we built Twitter Lite | Twitter Blogs

blog.twitter.com/2017/how-we-built-twitter-lite

twitter mobile React

Twitter Liteの技術スタックについて。
React, Redux, Normalizr, Globalize, Babel, Webpack, Jest, WebdriverIOなどを使っている。
パフォーマンスのためにPRPLパターンを使い、requestAnimationFramerequestIdleCallbackを使ってのレンダリングの調整などについて


Introducing ReactXP - ReactXP Blog

microsoft.github.io/reactxp/blog/2017/04/06/introducing-reactxp.html

React ReleaseNote windows ios Android

React/React NativeベースのクロスプラットフォームなUIフレームワーク。
クロスプラットフォームで共通したコンポーネントを利用できるようにするのが目的でMSのSkypeチームが作成している。


GraphQL & React tutorial (part 1/6) – Chroma

blog.hichroma.com/graphql-react-tutorial-part-1-6-d0691af25858

GraphQL React tutorial

GraphQLについての連載。
コンポーネント駆動とスキーマファーストについて


How to Create a Reddit Client Using Angular 4.0 - Progur!

progur.com/2017/03/how-to-create-reddit-client-with-angular-4.html

AngularJS tutorial

Angular v4を使ってRedditのAPIを叩いて、リスト表示するチュートリアル


スライド、動画関係


The Quest For Immer Mutable State Management

immer-mutable-state.surge.sh/

JavaScript slide

MobXでのSnapshot + mutable state treeについてのスライド。
Pull/Push-basedなcomputed property、Mutable StateでActionリプレイするために、どのような方法を取るのかについて


ng-conf 2017 - YouTube

www.youtube.com/watch?v=Nj9_p4qvm5U

AngularJS イベント video

ng-conf 2017の動画まとめ


Publish JavaScript packages on npm - Course by @trevordmiller @eggheadio

egghead.io/courses/publish-javascript-packages-on-npm

npm video tutorial

npmのパッケージやscriptについてのスクリーンキャスト


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


Stylelint generator

maximgatilin.github.io/stylelint-config/

CSS 設定 Tools

Stylelintの設定ファイルを選択式で作れるジェネレーター


mobxjs/serializr: Serialize and deserialize complex object graphs to JSON

github.com/mobxjs/serializr

JavaScript library

クラスのオブジェクトシリアライズ/デシリアライズライブラリ


書籍関係


MathJax CDN shutting down on April 30, 2017

www.mathjax.org/cdn-shutting-down/

JavaScript library news

MathJax CDNがシャットダウンされるため、ローカルにコピーするかcloudflareのものを利用するようにする必要がある


ukyo/wasm-usui-book: webassemblyの薄い本

github.com/ukyo/wasm-usui-book

WebAssembly ebook

wasmについての電子書籍。
wasmの概要、WABTを使っての開発、バイナリフォーマットやテキストフォーマットなどについて


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