SvelteKit 3 RC、フレームワーク契約を再構成 — 第33週 JavaScript

TanStack Routerのloading刷新は、一つのnavigation promiseが混同していた四つのライフサイクルを分離します。Loader flightとlease countが共有作業の継続、現在のtransactionがpublish権限を決めます。Private laneが並列loader結果を集約し、framework receiptはReact、Solid、Vueがpublicationを実際にcommitしたか記録します。Redirectはcontrol flowなので、以前のerrorをroute branchのpublishなしに抑えられ、publish権限を失ってもpreloadやcacheに必要なloaderを自動abortしません。このモデルはcancellation、redirect、pending UI、SSR、cache、render acknowledgementで繰り返すbugを対象にします。

Angular 22はinjectAsyncを安定化し、重い自動提供serviceを別のdynamic-import chunkへ置き、初回利用時に通常のDIでresolveできます。Angularはpromiseをcacheするため、後続呼び出しは追加requestなしに同じinstanceを再利用します。Serviceは@Injectable({ providedIn: 'root' })または@Service()が必要で、手動scope providerは対象外です。onIdleやpointer・keyboard focusのcustom promise triggerでclick前にprefetchできます。例では起動時の約33 kB development chunkを除きますが、小さい・頻繁に使うserviceではlatencyとasync複雑性が節約を上回る場合があります。

Next.jsがServer Actionを順次dispatchしても、次stateが前のsave完了前に計算されると、重なるoptimistic writeが先の変更を失うことがあります。Aurora ScharffはuseActionStateを最後の確定stateを受けるqueueとして使い、useOptimisticで同じ純粋reducerを画面へ即時適用します。Save失敗時は以前の確定stateを返し、inverse actionなしでUIをrollbackします。Server Component境界をまたぐcalendar stateはserver-owned eventを複製せず、providerへpending changeを保存します。Pollingやrealtimeで独立に変わるデータにはclient data libraryが引き続き適します。