Radical
How-to guides

Observe network connectivity

Update your UI when the connection changes.

Enable network status

Apply capability setup with internalPlugins.network: true:

pnpm add @capacitor/network@8.0.1

Render connectivity

Read the hook state:

const network = useNetworkStatus(); // @akshatowo/radical/react
StateRender
loadingUnknown
errorHandled _tag
Successvalue.connected, value.connectionType

You see updates when local connectivity changes.

Check endpoint availability with an application request. See Network reference.

On this page