Fork me on GitHub

2023-06-21のJS: React-Redux v8.1.0、Fresh 1.2、Modern CSS

Edit on GitHub 編集履歴を見る

JSer.info #648 - React-Redux v8.1.0リリースされました。
開発モードではuseSelectorが同じ入力に対して同じ結果を返すかをチェックする仕組みが追加されています。
selectorを同じ入力で2回呼び出し、異なる参照の場合は警告を出す仕組みになっています。
React v18.0で追加されたStrict modeとよく似た挙動になっています。


Deno向けのウェブフレームワークであるFresh 1.2がリリースされました。

メインメンテナーがPreactのMarvin Hagemeisterとなりフルタイムでメンテナンスするようになるそうです。
Sigalsをhydrateできるように、npm:識別子の対応、HEADハンドラーの追加されています。
また、islands/のサブディレクトリのサポート、プラグインが非同期処理に対応なども行われています。


Modern CSS For Dynamic Component-Based Architecture | Modern CSS Solutionsという記事では、モダンなCSSを使ったコンポーネントベースのアーキテクチャについて紹介されています。

@layerを使ったLayout、:has()やCustom Propertiesを使ったVariantsの実装、
@container style()を使ったスタイルの条件分岐、Container QueryとMedia Queryによるブレークポイントでのデバイスサイズ出し分けの違いについてなど書かれています。


JSer.infoをサポートするには

JSer.info Sponsors

JSer.info SponsorsGitHub SponsorsとしてJSer.infoを支援してくれている方々です。


ヘッドライン


Release 3.31.0 - 2023.06.12 · zloirock/core-js

github.com/zloirock/core-js/releases/tag/v3.31.0

JavaScript library polyfill ReleaseNote

core-js v3.31.0リリース。
Proposal Stageの変更への対応。
Array GroupingはStage 2へ降格し、静的メソッドであるObject.groupByを追加。
Promise.withResolversの追加など


Turborepo 1.10 – Turbo

turbo.build/blog/turbo-1-10-0

JavaScript Tools ReleaseNote

Turborepo 1.10リリース。
Plopを使ったturbo genの追加、.envのサポート、--env-modeがStableに変更など


Release v8.1.0 · reduxjs/react-redux

github.com/reduxjs/react-redux/releases/tag/v8.1.0

React redux ReleaseNote

React-Redux v8.1.0リリース。
開発モードではuseSelectorが同じ入力に対して同じ結果を返すかをチェックする仕組みが追加された。
selectorを同じ入力で2回呼び出し、異なる参照の場合は警告を出す仕組み


Fresh 1.2 – welcoming a full-time maintainer, sharing state between islands, limited npm support, and more

deno.com/blog/fresh-1.2

deno library ReleaseNote React

Deno向けのWeb FrameworkであるFresh 1.2リリース。
メインメンテナーをPreactのMarvin Hagemeisterに交代。
Sigalsをhydrateできるように、npm:識別子の対応、HEADハンドラーの追加。
islands/のサブディレクトリのサポート、プラグインが非同期処理に対応など


Release v10.0.0 · nestjs/nest

github.com/nestjs/nest/releases/tag/v10.0.0

node.js library ReleaseNote

NestJS v10.0.0リリース。
Node.js 12, 14のサポート終了、@nestjs/commonからCacheModuleを削除など


Release v5.0.0 ❤️ · gvergnaud/ts-pattern

github.com/gvergnaud/ts-pattern/releases/tag/v5.0.0

TypeScript ReleaseNote library

TypeScript向けのパターンマッチングライブラリであるts-pattern 5.0.0リリース。
.withの動作変更、method chainのサポートなど


Tuesday June 20 2023 Security Releases | Node.js

nodejs.org/en/blog/vulnerability/june-2023-security-releases

node.js ReleaseNote security

Node.jsのセキュリティアップデートとして、16.x/18.x/20.xがそれぞれ公開された。

  • Node.js v16.20.1 (LTS)
  • Node.js v18.16.1 (LTS)
  • Node.js v20.3.1 (Current)

アーティクル


The Cloud is dead, long live the Cloud! Announcing Wasmer Edge

wasmer.io/posts/announcing-wasmer-edge

WebAssembly webservice article

Wasmer Edgeのリリース。
WebAssemblyのアプリケーションをWasmtimeで動かすプラットフォーム。
Shared nothingのアーキテクチャを採用した分散モノリスのアプローチ。


Modern CSS For Dynamic Component-Based Architecture | Modern CSS Solutions

moderncss.dev/modern-css-for-dynamic-component-based-architecture/

CSS article

モダンなCSSを使ったコンポーネントベースのアーキテクチャについて。
@layerを使ったLayout、:has()やCustom Propertiesを使ったVariants。
@container style()を使ったスタイルの条件分岐、Container QueryとMedia Queryによるブレークポイントでのデバイスサイズ出し分けの違いについてなど


TypeScript 5.2's New Keyword: 'using' | Total TypeScript

www.totaltypescript.com/typescript-5-2-new-keyword-using

TypeScript JavaScript ECMAScript proposal article

TypeScript 5.2で実装予定のECMAScript Proposal Stage 3のusingについて。
リソース解放のパターンをusing構文としてサポートする


Introducing HTTP/3 Prioritization

blog.cloudflare.com/better-http-3-prioritization-for-a-faster-web/

HTTP3 performance article cloudflare

HTTP/3 Extensible Prioritiesをサポートすることで、Webページの読み込みがどれぐらい改善されるかについて


Web Apps on macOS Sonoma 14 Beta

blog.tomayac.com/2023/06/07/web-apps-on-macos-sonoma-14-beta/

macOS safari article

macOS Sonomaのインストール可能なウェブアプリの動作について


サイト、サービス、ドキュメント


Fermyon • Experience the next wave of cloud computing. | Fermyon • Experience the next wave of cloud computing.

www.fermyon.com/

WebAssembly webservice

Spinというツールキットで作成したWebAssemblyアプリケーションをデプロイ、実行できるサーバレスプラットフォーム


この記事へ修正リクエストをする
JSer.info Slackに参加する