SolidJS

Use the createTrueLink primitive.

import { createTrueLink } from "true-link/solid";

export function NetworkStatus() {
    const v = createTrueLink({ pingUrl: "/health" });

    return (
        <div style={{ padding: "12px", border: "1px solid #ddd" }}>
            {v() ? (
                <>
                    <div>Online: {String(v()!.isOnline)}</div>
                    <div>Strength: {v()!.strength}</div>
                    <div>Latency: {v()!.latency ?? 'n/a'}ms</div>
                </>
            ) : null}
        </div>
    );
}

If this library helps, you can support development.