JSer.info #440 - ReactのRedux向けバインディングのreact-redux 7.1.0がリリースされました。
7.1.0ではReact Hooksに対応しています。
React Hooksで扱えるuseSelector
というAPIが追加されています。
import React from 'react'
import { useSelector } from 'react-redux'
export const CounterComponent = () => {
const counter = useSelector(state => state.counter)
return <div>{counter}</div>
}
詳しくは次のドキュメントで解説されています。
Pika CDNというnpmに公開されているES Module形式のパッケージをURLから読み込めるウェブサービスが公開されています。
Pika CDNで読み込めるのはpackage.json
のmodule
フィールドに対応したパッケージのみとなっています。
パッケージのmodule
フィールドへの対応は、このサービス自身が出している@pika/webやpkg.moduleなどを参照すると良さそうです。
また、読み込むパッケージはブラウザのUserAgentを元に最適化されたものが配布されるようになっているようです。
The State of CSS 2019のアンケート結果が公開されています。
などについてのアンケート結果が公開されています。
主にアメリカ、イギリス、ドイツ、フランス、カナダあたりの回答で半分を占めていますが、CSSに興味がある人は見てみると面白いかもしれません。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Release v2.5.0 · fastify/fastify
github.com/fastify/fastify/releases/tag/v2.5.0
Node.jsウェブフレームワークのfastify 2.5.0リリース。
レスポンスタイムを取得できるReply#getResponseTime
の追加など
Release v7.1.0 · reduxjs/react-redux
github.com/reduxjs/react-redux/releases/tag/v7.1.0
React-Redux 7.1.0リリース。
React Hooksに正式対応、useSelector
の第2引数にdeps
オプションの追加など
Release v0.101.0 · facebook/flow
github.com/facebook/flow/releases/tag/v0.101.0
FlowType v0.101.0リリース。
inexact object syntaxである...
のlintに対応、関数の型パラメータのデフォルト型を指定可能になるなど
- On the Roadmap: Exact Objects by Default – Flow – Medium
- flow - allow type parameter defaults in function declarations by tanhauhau · Pull Request #10084 · babel/babel
Release Notes for Safari Technology Preview 85 | WebKit
webkit.org/blog/9281/release-notes-for-safari-technology-preview-85/
Safari Technology Preview 85リリース。
Pointer Eventsの対応改善、Promise.allSettled
の実装、ES PropoaslのNumeric Separatorを実装など
New in Chrome 75 | Web | Google Developers
developers.google.com/web/updates/2019/06/nic75
Chrome 75リリース。
低遅延Canvasを利用できるdesynchronized
オプションのサポート、Web Share APIがファイルをサポート、ES ProposalのNumeric separatorのサポート。
また、playsInline
のサポート、HTTPヘッダのstale-while-revalidate
レスポンスディレティブのサポート、CSPでscript-src-attr
ディレクティブなどを追加など
TypeScript Playground | The unofficial playground for advanced TypeScript users
@types/*
モジュールの型も解決できるTypeScript Playground
アーティクル
How to Use the Web Share API | CSS-Tricks
css-tricks.com/how-to-use-the-web-share-api/
Web Share APIの使い方についての記事。サポートブラウザやFeature Detect、APIの使い方について。
またサポートしていない場合のFallbackについて
Unpacking hoisting
2ality.com/2019/05/unpacking-hoisting.html
var
やfunction
などのHoistingの動作を別の角度から解説した記事。
ES2015からはスコープのTopに移動するという説明になっているという話。
スライド、動画関係
The modern PWA Cheat Sheet by Maximiliano Firtman | JSConf EU 2019 - YouTube
www.youtube.com/watch?v=cybhV88KLfI
PWAについての発表動画。
ライフサイクル、Web API、iOS、Web APKsやアプリとしての配布についてなど
サイト、サービス、ドキュメント
Pika CDN - Pika
ES Moduleに対応したnpmモジュールCDNサービス。
UA別に最適化したビルド結果のパッケージを返すことができる。
The State of CSS 2019
State of CSS 2019のアンケート結果。
FlexboxやGridなどのレイアウト、単位、Pre & Post Processors、エディタやツールなどの利用についてのアンケート結果
ソフトウェア、ツール、ライブラリ関係
tradingview/lightweight-charts: Financial lightweight charts built with HTML5 canvas
github.com/tradingview/lightweight-charts
Financial Chartライブラリ
nikersify/jay: 😎 Supercharged JavaScript REPL
require
で外部npmモジュールの自動インストール、require
キャッシュの破棄などの機能を含んだNode REPL。
josdejong/workerpool: Offload tasks to a pool of workers on node.js and in the browser
github.com/josdejong/workerpool
ブラウザのWeb WorkerやNode.jsのworker_threads
に対応したWorker Poolライブラリ。
書籍関係
仕事ですぐに使えるTypeScript — 仕事ですぐに使えるTypeScript ドキュメント
future-architect.github.io/typescript-guide/index.html
TypeScriptについて学ぶためのドキュメント。
基本的なJavaScriptの書き方、型の書き方、アプリケーションの作成についてなど