JSer.info #326 - React 15.5.0がリリースされました。
minorリリースですが、16.0に向けて色々な機能に非推奨の警告が出るようになっています。
本体に同梱されていたReact.PropTypesとReact.createClassはそれぞれprop-typesとcreate-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については、次の記事で詳しく解説されているので、あわせて読むと良さそうです。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Video.js 6.0 Release! | Video.js Blog
blog.videojs.com/Video-js-6-0-Release/
Video.js 6.0リリース。
Flashがコアから取り除かれた。
middleware周りの変更、DOMメソッドをvideojs.domへ移動の予定など
release: [email protected] by zkat · Pull Request #16244 · npm/npm
今後リリース予定の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
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
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
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
Karma v1.6.0リリース。
browser_infoイベントの追加、proxyResとproxyReqイベントをhookできるようになるなど
React v15.5.0 - React Blog
facebook.github.io/react/blog/2017/04/07/react-v15.5.0.html
React 15.5.0リリース。
同梱されていたReact.PropTypesとReact.createClassが非推奨となり、それぞれ別パッケージに別れた。
react-codemodを使うことでマイグレーションできる。
- React 15.5へのアップデート手順(prop-typesとReact.createClass) - Qiita
- All doc updates forv15.5 by flarnie · Pull Request #9359 · facebook/react
Release Notes for Safari Technology Preview 27 | WebKit
webkit.org/blog/7497/release-notes-for-safari-technology-preview-27/
Safari Technology Preview Release 27リリース。
Object spread/rest propertyの実装、window.openにnoopenerを実装、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
Ember.jsの歴史とこれからについて。
スタンドアローンで利用できるようになったコンポーネントレイヤーのGlimmerについてなど
Glimmer
Emberとは独立したコンポーネントとして利用できるようになったGlimmerのサイト
Release 8.0.0 · developit/preact
github.com/developit/preact/releases/tag/8.0.0
Preact 8.0.0(8.1.0)リリース
Pure Functional Componentsの書き直し、linkState、classNameのオブジェクトオプションはそれぞれ外部モジュールへと機能を移譲など
Release Version 3.0.0 · sweet-js/sweet.js
github.com/sweet-js/sweet.js/releases/tag/v3.0.0
Hygienic Macrosを提供するsweet.js 3.0.0リリース。
アーティクル
How we built Twitter Lite | Twitter Blogs
blog.twitter.com/2017/how-we-built-twitter-lite
Twitter Liteの技術スタックについて。
React, Redux, Normalizr, Globalize, Babel, Webpack, Jest, WebdriverIOなどを使っている。
パフォーマンスのためにPRPLパターンを使い、requestAnimationFrameやrequestIdleCallbackを使ってのレンダリングの調整などについて
Introducing ReactXP - ReactXP Blog
microsoft.github.io/reactxp/blog/2017/04/06/introducing-reactxp.html
React/React NativeベースのクロスプラットフォームなUIフレームワーク。
クロスプラットフォームで共通したコンポーネントを利用できるようにするのが目的でMSのSkypeチームが作成している。
GraphQL & React tutorial (part 1/6) – Chroma
blog.hichroma.com/graphql-react-tutorial-part-1-6-d0691af25858
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
Angular v4を使ってRedditのAPIを叩いて、リスト表示するチュートリアル
スライド、動画関係
The Quest For Immer Mutable State Management
MobXでのSnapshot + mutable state treeについてのスライド。
Pull/Push-basedなcomputed property、Mutable StateでActionリプレイするために、どのような方法を取るのかについて
- Michel Weststrate: MobX: The Quest For Immer Mutable State Management - YouTube
- mobxjs/serializr: Serialize and deserialize complex object graphs to JSON
ng-conf 2017 - YouTube
www.youtube.com/watch?v=Nj9_p4qvm5U
ng-conf 2017の動画まとめ
- ng-conf 2017 Summary - Day 1
- ng-conf 2017 1日目 Keynoteメモ | <output type="laco">
- Long Term Support for Angular Announced at ng-conf 2017
Publish JavaScript packages on npm - Course by @trevordmiller @eggheadio
egghead.io/courses/publish-javascript-packages-on-npm
npmのパッケージやscriptについてのスクリーンキャスト
ソフトウェア、ツール、ライブラリ関係
Stylelint generator
maximgatilin.github.io/stylelint-config/
Stylelintの設定ファイルを選択式で作れるジェネレーター
mobxjs/serializr: Serialize and deserialize complex object graphs to JSON
クラスのオブジェクトシリアライズ/デシリアライズライブラリ
書籍関係
MathJax CDN shutting down on April 30, 2017
www.mathjax.org/cdn-shutting-down/
MathJax CDNがシャットダウンされるため、ローカルにコピーするかcloudflareのものを利用するようにする必要がある
ukyo/wasm-usui-book: webassemblyの薄い本
github.com/ukyo/wasm-usui-book
wasmについての電子書籍。
wasmの概要、WABTを使っての開発、バイナリフォーマットやテキストフォーマットなどについて
