Tom Camp, DevRel Engineer at Ably takes you through a tutorial of adding live cursors to your application using Ably's latest product, Spaces.

Tom Camp, DevRel Engineer at Ably takes you through a tutorial of adding live cursors to your application using Ably's latest product, Spaces.

React Server Components (RSCs) seem to be everywhere lately, but what problem do they really solve? In this video, Alex Booker from Ably (@CodeCast) explores RSCs from scratch, revealing the motivation and benefits behind them. You might be surprised to learn - they're not merely a React feature, but a fundamentally new model for building full-stack React applications with meta frameworks like Next 13.4 by Vercel.

Their platform is used by companies like Deutsche Bahn to host virtual and hybrid events, from webinars to conferences with tens of thousands of online concurrent participants.. In this interview, Erik Gullestad, co-founder and CTO of InvitePeople talks about his experience building an event management platform and about InvitePeople’s success with Ably.

Tom Camp, DevRel Engineer at Ably takes you through a tutorial of adding an avatar stack to your application using Ably's latest product, Spaces. An avatar stack is a visual representation of a user’s presence - showing them as online and connected. They are the most common way of showing the online status of members in an application by displaying an avatar for each member. Events are emitted whenever a member enters or leaves a space, or updates their profile data.

In this WebSocket tutorial, Alex Booker from Ably (@CodeCast) teaches you how to implement realtime updates in your React applications. Here, we use React on the frontend and Node on the back to build a live cursors feature from scratch, but the fundamental WebSocket lessons can be applied to any manner of realtime application. WebSockets are a bidirectional full-duplex communication protocol used to enable realtime updates such as chat, multiplayer collaboration, notifications, and other live updates in your React applications.

Learn how to use Ably Presence to understand when your application users are online and allow them to share their current status.

What do Microsoft Word and Adobe have in common? Both had their established market spaces completely disrupted by new entrants that brought realtime collaboration to the user experience. Whilst the barrier to entry for adding features akin to Figma, Google Docs, and Miro had been high, it is now possible to build new collaborative applications, or even simply add collaborative features to existing applications - without building the realtime infrastructure.

Learn more about Ably's newest Product, Spaces. Spaces makes it easier to build collaboration features such as Avatar Stacks, Shared Cursors, Component Locking, and more. This video is the first in a series of exploring getting started with each of the Spaces features, subscribe to see when the next videos are released.

When Figma arrived with multiplayer editing back in 2016, it wasn't at all obvious it would be successful - in fact, designers kind of hated the idea of "hovering art directors". Fast forward to 2023, and designers can't imagine another way.