Conflict-free replicated data types merge concurrent edits without central lock — eventual consistency.

Concurrency & Streams

CRDT basics for collaboration

<h2>Summary</h2>
<p>P2P media/data via ICE/STUN/TURN for NAT traversal — signaling server sets up connection. Not HTTP — separate security model (DTLS-SRTP). Frontend: getUserMedia permissions, connection state UI, bandwidth adaptation. TURN required when P2P fails.</p>
<h2>Code example</h2>
<pre><code class="language-javascript">const pc = new RTCPeerConnection({ iceServers: [{ urls: 'stun:stun.l.example.com' }] });
pc.addTrack(localStream.getTracks()[0]);
const offer = await pc.createOffer();
await pc.setLocalDescription(offer);
signaling.send({ type: 'offer', sdp: offer.sdp });
</code></pre>
<h2>Key points</h2>
<ul>
<li>P2P media/data via ICE/STUN/TURN for NAT traversal — signaling server sets up connection.</li>
<li>Not HTTP — separate security model (DTLS-SRTP).</li>
<li>Frontend: getUserMedia permissions, connection state UI, bandwidth adaptation.</li>
<li>TURN required when P2P fails.</li>
</ul>
<h2>Further reading</h2>
<ul>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API">WebRTC API</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/API/RTCPeerConnection">RTCPeerConnection</a></li>
</ul>
<h2>Related concepts</h2>
<ul>
<li><a href="/blogs/level-8-streaming-ssr-pipelines">Streaming SSR pipelines</a></li>
<li><a href="/blogs/level-8-crdt-basics-for-collaboration">CRDT basics for collaboration</a></li>
</ul>


P2P media/data via ICE/STUN/TURN for NAT traversal — signaling server sets up connection.

WebRTC basics

Data loaders → React render → HTML stream → browser progressive parse.