JSer.info #577 - Recoil 0.6がリリースされました
現在ベータ版であるReact 18に対応した変更が含まれています。
useSyncExternalStoreを使うようにする変更やReact 18のStrict Modeの動作に対応しています。
破壊的な変更として、effects_UNSTABLEをeffectsにリネームといった変更が含まれています。
また、RecoilがStableになるのはいつごろなのかという質問に対して、次のIssueで回答されています。
Recoil remains an experimental project as it evolves to support React and its state management. Although we are using Recoil in production at Meta, we keep the project in an experimental status today until we are confident in a solution compatible with all upcoming React features like Concurrent Rendering, Server Components, and Streaming SSR.
-- What's happening in the future of recoil? · Issue #1495 · facebookexperimental/Recoil
npmパッケージ管理ツールのpnpm 7.0.0 αがリリースされています。
pnpmコマンドのデフォルトの挙動の変更が中心となっています。
破壊的な変更として、pnpm -r exec|run|addの対象にRootを含まないように変更、--filterがglobを扱うように変更されています。
npm run <script>に対して--なしで引数を渡せるように、Side effects cacheがデフォルトで有効化、pnpm dlxのaliasとしてpnpxの追加なども含まれています。
JSer.info 11周年で募集していたアンケートの結果を公開しました。
JSer.infoを読んで初めて知ることがどれぐらいあるかや、どのような人が読んでいるのかについてまとめています。
詳細は次の記事を参照してください。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
ESLint v8.8.0 released - ESLint - Pluggable JavaScript linter
eslint.org/blog/2022/01/eslint-v8.8.0-released
ESLint 8.8.0リリース。
Lint結果にeslint-disableで抑制されたメッセージを取得できるsuppressedMessagesプロパティの追加
Recoil 0.6 | Recoil
recoiljs.org/blog/2022/01/28/0.6.0-release
Recoil 0.6リリース。
React 18に対応、useRecoilCallback()のコールバックにrefresh関数の追加など。
破壊的な変更として、effects_UNSTABLEをeffectsにリネームなど
Release v2.0.0 · nightwatchjs/nightwatch
github.com/nightwatchjs/nightwatch/releases/tag/v2.0.0
Nightwatch 2.0リリース。
Plugin APIの追加、nightwatch.conf.cjsのサポート、chai expectのアップデート。
Assertion/Element Command/Mouse ActionsのAPIの追加や--devtoolsフラグの追加など
Release v7.0.0-alpha.0 · pnpm/pnpm
github.com/pnpm/pnpm/releases/tag/v7.0.0-alpha.0
pnpm 7.0.0 αリリース。
破壊的な変更として、pnpm -r exec|run|addの対象にRootを含まないように変更、--filterがglobを扱うように変更。
npm run <script>に対して--なしで引数を渡せるように、Side effects cacheがデフォルトで有効化、pnpm dlxのaliasとしてpnpxの追加など
V8 release v9.9 · V8
V8 v9.9リリース。
Intl.Locale APIにプロパティ追加、Intl.supportedValuesOfの追加など
アーティクル
Ember v4 TypeScript Support Update
blog.emberjs.com/ember-v4-typescript-support-update/
EmberのTypeScriptの型定義について。
現在は@typesとしてメンテナンスされていて、4.xの対応と変更点について。
また、TypeScriptの型定義をEmber自体に同梱することについての議論をしているという話。
How React server components work: an in-depth guide
blog.plasmic.app/posts/how-react-server-components-work/
React server components (RSC)の仕組みについての解説記事。
React server componentsとは何か、コンポーネントのシリアライズの仕組み、コンポーネントの取得とSuspense、RSCのデータ形式などについて
How Prime Video updates its app for more than 8,000 device types - Amazon Science
www.amazon.science/blog/how-prime-video-updates-its-app-for-more-than-8-000-device-types
Prime Videoアプリの特定の部分にWebAssemblyを利用したという話。
レガシーデバイスやブラウザではWasmが利用できないため、JavaScript VMとWasm VMどちらでも実行できるようにしていて、そのアーキテクチャにどのように移行していったのかについて。
100万行の大規模なJavaScript製システムをTypeScriptに移行するためにやったこと | CyberAgent Developers Blog
developers.cyberagent.co.jp/blog/archives/34364/
JSDocを使ったTypeScriptへの移行について。
依存関係を見て優先度をつけてのTypeScript化、checkJsオプションを使ったJavaScriptにJSDocベースの型付け、チームの知識共有についてなど
サイト、サービス、ドキュメント
TypeScript: Cheat Sheets
www.typescriptlang.org/cheatsheets
TypeScriptの構文や型についてのチートシート。
Control Flow Analysis、Interface、Type、 Classについて
DataDog/build-plugin: Track your build performances like never before.
github.com/DataDog/build-plugin
どのloader/plugin/依存関係などでビルド時間がかかっているかを表示するwebpackとesbuildのプラグイン。
Datadogと連携する機能も持っている。
ソフトウェア、ツール、ライブラリ関係
webtoon/psd: A lightweight Adobe Photoshop .psd/.psb file parser in typescript with zero-dependency for WebBrowser and NodeJS
JavaScript製のPSD/PSBファイルパーサ。
PSDファイルを読み込みPSDの画像とレイヤー情報などを取得、トラバース処理などができる。
書籍関係
Learning TypeScript
learning.oreilly.com/library/view/learning-typescript/9781098110321/
2022年9月発売予定
TypeScriptの入門書
