Real-time patterns:
1. WebSockets:
1const ws = new WebSocket(url);2ws.onmessage = (e) => updateState(JSON.parse(e.data));
2. Server-Sent Events:
1const eventSource = new EventSource(url);2eventSource.onmessage = (e) => updateState(e.data);
3. Pusher/Ably:
1const channel = pusher.subscribe("updates");2channel.bind("new-data", handleUpdate);
4. Firebase Realtime DB:
1firebase.database().ref("messages").on("value", (snap) => {2 setMessages(snap.val());3});
Best practices: