TechnologyTuesday, November 3, 20261 min read

Live Props for Real-Time Updates in Inertia.js v3.11

By Engineering Blogs · Published by Everything Blog

In short

The new architecture leverages server markers and client transports like Laravel Echo, Pusher, or Action Cable to reload designated properties when matching events arrive. To optimize system resources, reloads default to a throttle rate of once per prop per second and temporarily pause when browser tabs are hidden. Teams can also utilize broadcasted payloads to update page state instantly without issuing extra HTTP requests. Additionally, developers can track active refresh states through the introduced hook.

Key points

Using broadcast props allows direct state updates that eliminate additional client HTTP r…: Using broadcast props allows direct state updates that eliminate additional client HTTP reloads.
The useProp hook exposes current property values along with active loading and loaded sta…: The useProp hook exposes current property values along with active loading and loaded state flags.
Multiple properties assigned to the same broadcast channel are automatically grouped into…: Multiple properties assigned to the same broadcast channel are automatically grouped into a single request.

Sources checked by our analysis pipeline: 1

Inertia.js v3.11.0 and inertia-laravel v3.7.0 add live props. A live prop reloads when a broadcast event arrives, which updates the page without polling.

Inertia::live()

and->live()

mark a prop to refresh on a broadcast event- An

echo()

transport for Laravel Echo and Reverb, plus Pusher and Action Cable transports Inertia::broadcastProps()

sends new values inside the event, which skips the reload request- A

useProp()

hook reports when a prop is refreshing

Live Props

Pascal Baljet added live props to both the client and the Laravel adapter. On the server, wrap a prop with Inertia::live()

and pass the event that should refresh it. Inertia reads the channels from the event's broadcastOn()

method:

use App\Events\OrderUpdated; use Inertia\Inertia; return Inertia::render('Orders/Show', [ 'order' => Inertia::live(fn () => $order->fresh(), on: new OrderUpdated($order)), ]);

On the client, pass a transport to createInertiaApp()

. The echo()

helper uses the Echo instance that configureEcho()

sets up:

import { createInertiaApp } from '@inertiajs/vue3' import { echo } from '@inertiajs/vue3/echo' import { configureEcho } from '@laravel/echo-vue' configureEcho({ broadcaster: 'reverb' }) createInertiaApp({ live: echo(), })

When OrderUpdated

is broadcast, Inertia makes a partial…

AI Analysis

Tone

Neutral

In short

Key Points

Using broadcast props allows direct state updates that eliminate additional client HTTP r…: Using broadcast props allows direct state updates that eliminate additional client HTTP reloads.
The useProp hook exposes current property values along with active loading and loaded sta…: The useProp hook exposes current property values along with active loading and loaded state flags.
Multiple properties assigned to the same broadcast channel are automatically grouped into…: Multiple properties assigned to the same broadcast channel are automatically grouped into a single request.

Topics

Technology

Was this summary useful?

AI Analysis

Tone

Neutral

In short

Key Points

Using broadcast props allows direct state updates that eliminate additional client HTTP r…: Using broadcast props allows direct state updates that eliminate additional client HTTP reloads.
The useProp hook exposes current property values along with active loading and loaded sta…: The useProp hook exposes current property values along with active loading and loaded state flags.
Multiple properties assigned to the same broadcast channel are automatically grouped into…: Multiple properties assigned to the same broadcast channel are automatically grouped into a single request.

Topics

Technology

Was this summary useful?

Beware of phishing scams impersonating courier companies via Apple iMessage
Singapore authorities are alerting the public to deceptive text messages originating from overseas numbers and random email accounts that mimic legitimate delivery firms. The campaign exploits urgent delivery warnings to deceive recipients into visiting fraudulent websites that siphon banking credentials. The advisory comes as financial fraud continues to dominate crime figures, resulting in hundreds of millions in financial losses nationwide.
2 min read
Apple restricts dating apps and AI companions to users 18 and up
The policy shift targets products like digital chatbot services that appeal heavily to younger audiences despite featuring suggestive or adult themes. By enforcing higher age barriers and requiring fresh disclosures, the platform aims to strengthen protections for minors alongside its expanding suite of parental controls. Developers face immediate adjustments to keep their offerings available on the global storefront.
1 min read
Apple is all in on AI — its own and everyone else’s
Executives are positioning the company's base of more than 2.5 billion active devices to run both proprietary features and partner tools, including Google Gemini technology. Despite achieving record fiscal-year financial results, the tech giant warned that rising memory costs will pressure holiday profit margins. The strategy focuses on driving monetization through future hardware refreshes, subscription commissions, and paid tiers for server-dependent capabilities.
5 min read

Live Props for Real-Time Updates in Inertia.js v3.11

In short

Key points

More in Technology