Fork me on GitHub

2024-05-19のJS: Remix + React Router = React Router、State of HTML 2023

Edit on GitHub 編集履歴を見る

JSer.info #693 - 次の記事では、Remix v3はReact Router v7としてリリースする予定という話が紹介されています。

RemixとReact Routerは、Viteとサーバ以外はほぼ同等の機能になってきています。
そのため、React RouterをRemixにマイグレーションするのではなく、React RouterをアップデートするだけでRemixの機能を使えるようにしたいという話が書かれています。
既存のRemixアプリは、import先のパッケージをreact-routerに変更するだけで動く予定とのことです。

この意思決定の詳細は、Xでも書かれています。

React Routerの安定化のために、Remix自体の開発は少しの間止まるとのことですが、
今後Remixプロジェクトとしての予定があるそうです。


State of HTML 2023の結果が公開されました。

HTMLの要素や属性、Web Components、アクセシビリティ、課題や欲しい機能についてのアンケート結果がまとめられています。


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

JSer.info Sponsors

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


ヘッドライン


WebKit Features in Safari 17.5 | WebKit

webkit.org/blog/15383/webkit-features-in-safari-17-5/

safari ReleaseNote

Safari 17.5の変更点について。
CSSのtext-wrap: balancelight-dark()@starting-style@import <url> supports(<feature>)のサポート。
AV1 for WebCodecsのサポートなど


Firefox 126.0, See All New Features, Updates and Fixes

www.mozilla.org/en-US/firefox/126.0/releasenotes/

Firefox ReleaseNote

Firefox 126リリース。
zstdをサポート、CSSのzoomプロパティをサポート、URL.parse()をサポート、 Screen Wake Lock APIをサポート。
Custom ElementのCustomStateSetと:state()擬似クラスをサポートなど


Node.js — Node v22.2.0 (Current)

nodejs.org/en/blog/release/v22.2.0

nodejs ReleaseNote

Node.js v22.2.0リリース。
fs.globがwithFileTypesをサポート、--inspect-wait=host:portをサポート、--experimental-policyを削除。
node:testtest.planメソッドの追加など


Release 8.1.0 · google/zx

github.com/google/zx/releases/tag/8.1.0

nodejs ShellScript library ReleaseNote

zx 8.1.0リリース。
ESMとCJSの両方をサポート、Node.js 12から22までサポート、Deno 1.xとの互換性のサポート。
usePwsh()の追加、$.timeoutのサポート、--cwdフラグの追加など


Release v0.21.3 · evanw/esbuild

github.com/evanw/esbuild/releases/tag/v0.21.3

esbuild ReleaseNote

esbuild v0.21.3リリース。
decorator metadata proposalのサポート


アーティクル


Merging Remix and React Router | Remix

remix.run/blog/merging-remix-and-react-router

React Remix article

RemixはReact Router v7としてリリースする予定という話。
RemixとReact Routerは、Viteとサーバ以外はほぼ同等の機能になってきている。
そのため、React RouterをRemixにマイグレーションするのではなく、React RouterをアップデートするだけでRemixの機能を使えるようにしたいという話。
既存のRemixアプリは、import先のパッケージをreact-routerに変更するだけで動く予定という話。


Angular 17 Update: Control Flow & App Builder Migration - ANGULARarchitects

www.angulararchitects.io/blog/angular-17-update-control-flow-app-builder-migration/

Angular article

Angular 18が2024-05-20にリリースされるため、その前にAngular 17へアップデートしようという記事。
Angular 17では新しい制御フローやViteへの変更なども含まれていて、アップデート方法について。


Introducing Firebase App Hosting

firebase.blog/posts/2024/05/introducing-app-hosting/

firebase Next.js Angular article

Firebase App Hostingについて。
設定なしでAngularとNext.jsをサポートするCloud Runベースのホスティングサービス


State of HTML 2023

2023.stateofhtml.com/en-US/

HTML Survey

State of HTML 2023の結果が公開された。
HTMLの要素や属性、Web Components、アクセシビリティ、課題や欲しい機能についてのアンケート


Digging for SSRF in NextJS apps

www.assetnote.io/resources/research/digging-for-ssrf-in-nextjs-apps

Next.js security article

Next.js 14.1.1で修正されたSSRFの脆弱性について。
Server Actionsでredirect()を使ったパスリダイレクトをしてるAPIがある場合に、Next.jsから任意のURLに対してGETリクエストした内容を取得できるSSRF脆弱性について


Introducing the CSS anchor positioning API  |  Blog  |  Chrome for Developers

developer.chrome.com/blog/anchor-positioning-api

CSS article

CSS Anchor Positioning APIについて。
コンセプト、基本的な使い方、popover属性や<dialog>との組み合わせ、@position-tryでの代替の位置指定、スクロールとの組み合わせなど


React Compiler – React

react.dev/learn/react-compiler

React babel document

React Compilerが実験的に公開された。
Babelプラグインとして実装されていて、opt-inでの導入方法やreact-compiler-healthcheckでの互換性のチェック、ESLintプラグインについて書かれている


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


Web Platform Status

webstatus.dev/

browser webservice

ウェブプラットフォームのブラウザのステータスをまとめてるページ。
機能ごとのブラウザサポートの表示、検索などができる


ソフトウェア、ツール、ライブラリ関係


farzher/fuzzysort: Fast SublimeText-like fuzzy search for JavaScript.

github.com/farzher/fuzzysort

JavaScript search library

fuzzy searchライブラリ


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