forked from jser/jser.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
2022-02-01のJS: Recoil 0.6、pnpm 7.0.0 α、JSer.infoアンケート結果の公開 (jser#955)
* Update 577 draft * Update 577 draft * Update 577 draft * Update 577 draft * Update 577 draft * Update 577 draft * Update 577 draft * Update 577 draft * Update 577 draft * Update 577 draft * Update 577 draft * Update 577 draft * Update 577 draft * Update _i18n/ja/_posts/2022/2022-02-01-recoil-0.6-pnpm-7.0.0-a-jser.info.md * Delete _i18n/ja/_posts/2022/2022-02-01-577draft.md * Update _i18n/ja/_posts/2022/2022-02-01-recoil-0.6-pnpm-7.0.0-a-jser.info.md * Update 2022-02-01-recoil-0.6-pnpm-7.0.0-a-jser.info.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
- Loading branch information
1 parent
d459dee
commit 010a802
Showing
1 changed file
with
205 additions
and
0 deletions.
There are no files selected for viewing
205 changes: 205 additions & 0 deletions
205
_i18n/ja/_posts/2022/2022-02-01-recoil-0.6-pnpm-7.0.0-a-jser.info.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,205 @@ | ||
| --- | ||
| title: "2022-02-01のJS: Recoil 0.6、pnpm 7.0.0 α、JSer.infoアンケート結果の公開" | ||
| author: "azu" | ||
| layout: post | ||
| date : 2022-02-01T03:06:44.417Z | ||
| category: JSer | ||
| tags: | ||
| - TypeScript | ||
| - React | ||
| - cheatsheet | ||
| - photoshop | ||
| - webpack | ||
|
|
||
| --- | ||
|
|
||
| JSer.info #577 - Recoil 0.6がリリースされました | ||
|
|
||
| - [Recoil 0.6 | Recoil](https://recoiljs.org/blog/2022/01/28/0.6.0-release/) | ||
| - [Release 0.6.0 · facebookexperimental/Recoil](https://github.com/facebookexperimental/Recoil/releases/tag/0.6.0) | ||
|
|
||
| 現在ベータ版であるReact 18に対応した変更が含まれています。 | ||
| `useSyncExternalStore`を使うようにする変更やReact 18のStrict Modeの動作に対応しています。 | ||
|
|
||
| - [useMutableSource → useSyncExternalStore · Discussion #86 · reactwg/react-18](https://github.com/reactwg/react-18/discussions/86) | ||
|
|
||
| 破壊的な変更として、`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](https://github.com/facebookexperimental/Recoil/issues/1495#issuecomment-1018935639) | ||
| --- | ||
|
|
||
| npmパッケージ管理ツールのpnpm 7.0.0 αがリリースされています。 | ||
|
|
||
| - [Release v7.0.0-alpha.0 · pnpm/pnpm](https://github.com/pnpm/pnpm/releases/tag/v7.0.0-alpha.0) | ||
|
|
||
| `pnpm`コマンドのデフォルトの挙動の変更が中心となっています。 | ||
| 破壊的な変更として、`pnpm -r exec|run|add`の対象にRootを含まないように変更、`--filter`がglobを扱うように変更されています。 | ||
| `npm run <script>`に対して`--`なしで引数を渡せるように、Side effects cacheがデフォルトで有効化、`pnpm dlx`のaliasとして`pnpx`の追加なども含まれています。 | ||
|
|
||
| --- | ||
|
|
||
| [JSer.info 11周年](https://jser.info/2022/01/16/11-years/)で募集していたアンケートの結果を公開しました。 | ||
| JSer.infoを読んで初めて知ることがどれぐらいあるかや、どのような人が読んでいるのかについてまとめています。 | ||
|
|
||
| 詳細は次の記事を参照してください。 | ||
|
|
||
| - [JSer.info 11周年アンケート結果の公開 - JSer.info](https://jser.info/2022/01/31/jser-info-11th-suvery-result/) | ||
|
|
||
|
|
||
| ---- | ||
|
|
||
| <h1 class="site-genre">ヘッドライン</h1> | ||
|
|
||
| ---- | ||
|
|
||
| ## ESLint v8.8.0 released - ESLint - Pluggable JavaScript linter | ||
| [eslint.org/blog/2022/01/eslint-v8.8.0-released](https://eslint.org/blog/2022/01/eslint-v8.8.0-released "ESLint v8.8.0 released - ESLint - Pluggable JavaScript linter") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">ESLint</span> <span class="jser-tag">ReleaseNote</span></p> | ||
|
|
||
| ESLint 8.8.0リリース。 | ||
| Lint結果に`eslint-disable`で抑制されたメッセージを取得できる`suppressedMessages`プロパティの追加 | ||
|
|
||
|
|
||
| ---- | ||
|
|
||
| ## Recoil 0.6 | Recoil | ||
| [recoiljs.org/blog/2022/01/28/0.6.0-release](https://recoiljs.org/blog/2022/01/28/0.6.0-release "Recoil 0.6 | Recoil") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p> | ||
|
|
||
| Recoil 0.6リリース。 | ||
| React 18に対応、`useRecoilCallback()`のコールバックに`refresh`関数の追加など。 | ||
| 破壊的な変更として、`effects_UNSTABLE`を`effects`にリネームなど | ||
|
|
||
| - [Release 0.6.0 · facebookexperimental/Recoil](https://github.com/facebookexperimental/Recoil/releases/tag/0.6.0 "Release 0.6.0 · facebookexperimental/Recoil") | ||
|
|
||
| ---- | ||
|
|
||
| ## Release v2.0.0 · nightwatchjs/nightwatch | ||
| [github.com/nightwatchjs/nightwatch/releases/tag/v2.0.0](https://github.com/nightwatchjs/nightwatch/releases/tag/v2.0.0 "Release v2.0.0 · nightwatchjs/nightwatch") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">E2E</span> <span class="jser-tag">testing</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p> | ||
|
|
||
| Nightwatch 2.0リリース。 | ||
| Plugin APIの追加、`nightwatch.conf.cjs`のサポート、chai expectのアップデート。 | ||
| Assertion/Element Commnd/Mouse ActionsのAPIの追加や`--devtools`フラグの追加など | ||
|
|
||
|
|
||
| ---- | ||
|
|
||
| ## Release v7.0.0-alpha.0 · pnpm/pnpm | ||
| [github.com/pnpm/pnpm/releases/tag/v7.0.0-alpha.0](https://github.com/pnpm/pnpm/releases/tag/v7.0.0-alpha.0 "Release v7.0.0-alpha.0 · pnpm/pnpm") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">npm</span> <span class="jser-tag">pnpm</span> <span class="jser-tag">rlee</span></p> | ||
|
|
||
| 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.dev/blog/v8-release-99](https://v8.dev/blog/v8-release-99 "V8 release v9.9 · V8") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">V8</span> <span class="jser-tag">ReleaseNote</span></p> | ||
|
|
||
| V8 v9.9リリース。 | ||
| Intl.Locale APIにプロパティ追加、`Intl.supportedValuesOf`の追加など | ||
|
|
||
|
|
||
| ---- | ||
| <h1 class="site-genre">アーティクル</h1> | ||
|
|
||
| ---- | ||
|
|
||
| ## Ember v4 TypeScript Support Update | ||
| [blog.emberjs.com/ember-v4-typescript-support-update/](https://blog.emberjs.com/ember-v4-typescript-support-update/ "Ember v4 TypeScript Support Update") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">Ember</span> <span class="jser-tag">TypeScript</span> <span class="jser-tag">article</span></p> | ||
|
|
||
| EmberのTypeScriptの型定義について。 | ||
| 現在は`@types`としてメンテナンスされていて、4.xの対応と変更点について。 | ||
| また、TypeScriptの型定義をEmber自体に同梱することについての議論をしているという話。 | ||
|
|
||
| - [RFC: Official TypeScript support by chriskrycho · Pull Request #724 · emberjs/rfcs](https://github.com/emberjs/rfcs/pull/724 "RFC: Official TypeScript support by chriskrycho · Pull Request #724 · emberjs/rfcs") | ||
|
|
||
| ---- | ||
|
|
||
| ## How React server components work: an in-depth guide | ||
| [blog.plasmic.app/posts/how-react-server-components-work/](https://blog.plasmic.app/posts/how-react-server-components-work/ "How React server components work: an in-depth guide") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">article</span></p> | ||
|
|
||
| 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](https://www.amazon.science/blog/how-prime-video-updates-its-app-for-more-than-8-000-device-types "How Prime Video updates its app for more than 8,000 device types - Amazon Science") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">WebAssembly</span> <span class="jser-tag">article</span></p> | ||
|
|
||
| Prime Videoアプリの特定の部分にWebAssemblyを利用したという話。 | ||
| レガシーデバイスやブラウザではWasmが利用できないため、JavaScript VMとWasm VMどちらでも実行できるようにしていて、そのアーキテクチャにどのように移行していったのかについて。 | ||
|
|
||
|
|
||
| ---- | ||
|
|
||
| ## 100万行の大規模なJavaScript製システムをTypeScriptに移行するためにやったこと | CyberAgent Developers Blog | ||
| [developers.cyberagent.co.jp/blog/archives/34364/](https://developers.cyberagent.co.jp/blog/archives/34364/ "100万行の大規模なJavaScript製システムをTypeScriptに移行するためにやったこと | CyberAgent Developers Blog") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">article</span> <span class="jser-tag">refactoring</span></p> | ||
|
|
||
| JSDocを使ったTypeScriptへの移行について。 | ||
| 依存関係を見て優先度をつけてのTypeScript化、`checkJs`オプションを使ったJavaScriptにJSDocベースの型付け、チームの知識共有についてなど | ||
|
|
||
|
|
||
| ---- | ||
| <h1 class="site-genre">サイト、サービス、ドキュメント</h1> | ||
|
|
||
| ---- | ||
|
|
||
| ## TypeScript: Cheat Sheets | ||
| [www.typescriptlang.org/cheatsheets](https://www.typescriptlang.org/cheatsheets "TypeScript: Cheat Sheets") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">cheatsheet</span></p> | ||
|
|
||
| TypeScriptの構文や型についてのチートシート。 | ||
| Control Flow Analysis、Interface、Type、 Classについて | ||
|
|
||
|
|
||
| ---- | ||
|
|
||
| ## DataDog/build-plugin: Track your build performances like never before. | ||
| [github.com/DataDog/build-plugin](https://github.com/DataDog/build-plugin "DataDog/build-plugin: Track your build performances like never before.") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">webpack</span> <span class="jser-tag">bundler</span> <span class="jser-tag">performance</span> <span class="jser-tag">plugin</span></p> | ||
|
|
||
| どのloader/plugin/依存関係などでビルド時間がかかっているかを表示するwebpackとesbuildのプラグイン。 | ||
| Datadogと連携する機能も持っている。 | ||
|
|
||
|
|
||
| ---- | ||
| <h1 class="site-genre">ソフトウェア、ツール、ライブラリ関係</h1> | ||
|
|
||
| ---- | ||
|
|
||
| ## webtoon/psd: A lightweight Adobe Photoshop .psd/.psb file parser in typescript with zero-dependency for WebBrowser and NodeJS | ||
| [github.com/webtoon/psd](https://github.com/webtoon/psd "webtoon/psd: A lightweight Adobe Photoshop .psd/.psb file parser in typescript with zero-dependency for WebBrowser and NodeJS") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">photoshop</span> <span class="jser-tag">library</span></p> | ||
|
|
||
| JavaScript製のPSD/PSBファイルパーサ。 | ||
| PSDファイルを読み込みPSDの画像とレイヤー情報などを取得、トラバース処理などができる。 | ||
|
|
||
|
|
||
| ---- | ||
| <h1 class="site-genre">書籍関係</h1> | ||
|
|
||
| ---- | ||
|
|
||
| ## Learning TypeScript | ||
| [learning.oreilly.com/library/view/learning-typescript/9781098110321/](https://learning.oreilly.com/library/view/learning-typescript/9781098110321/ "Learning TypeScript") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">book</span></p> | ||
|
|
||
| 2022年9月発売予定 | ||
| TypeScriptの入門書 | ||
|
|
||
|
|
||
| ---- |