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をおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
WebKit Features in Safari 17.5 | WebKit
webkit.org/blog/15383/webkit-features-in-safari-17-5/
Safari 17.5の変更点について。
CSSのtext-wrap: balance
、light-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 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
Node.js v22.2.0リリース。
fs.globがwithFileTypes
をサポート、--inspect-wait=host:port
をサポート、--experimental-policy
を削除。
node:test
にtest.plan
メソッドの追加など
Release 8.1.0 · google/zx
github.com/google/zx/releases/tag/8.1.0
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 v0.21.3リリース。
decorator metadata proposalのサポート
アーティクル
Merging Remix and React Router | Remix
remix.run/blog/merging-remix-and-react-router
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 18が2024-05-20にリリースされるため、その前にAngular 17へアップデートしようという記事。
Angular 17では新しい制御フローやViteへの変更なども含まれていて、アップデート方法について。
Introducing Firebase App Hosting
firebase.blog/posts/2024/05/introducing-app-hosting/
Firebase App Hostingについて。
設定なしでAngularとNext.jsをサポートするCloud Runベースのホスティングサービス
State of HTML 2023
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 14.1.1で修正されたSSRFの脆弱性について。
Server Actionsでredirect()
を使ったパスリダイレクトをしてるAPIがある場合に、Next.jsから任意のURLに対してGETリクエストした内容を取得できるSSRF脆弱性について
- Next.js Server-Side Request Forgery in Server Actions · CVE-2024-34351 · GitHub Advisory Database
- azu/nextjs-CVE-2024-34351: poc
Introducing the CSS anchor positioning API | Blog | Chrome for Developers
developer.chrome.com/blog/anchor-positioning-api
CSS Anchor Positioning APIについて。
コンセプト、基本的な使い方、popover属性や<dialog>
との組み合わせ、@position-try
での代替の位置指定、スクロールとの組み合わせなど
React Compiler – React
react.dev/learn/react-compiler
React Compilerが実験的に公開された。
Babelプラグインとして実装されていて、opt-inでの導入方法やreact-compiler-healthcheck
での互換性のチェック、ESLintプラグインについて書かれている
サイト、サービス、ドキュメント
Web Platform Status
ウェブプラットフォームのブラウザのステータスをまとめてるページ。
機能ごとのブラウザサポートの表示、検索などができる
ソフトウェア、ツール、ライブラリ関係
farzher/fuzzysort: Fast SublimeText-like fuzzy search for JavaScript.
fuzzy searchライブラリ