View all examples
Collaborative To-do List
This example shows how to build a collaborative to-do list with Liveblocks and React.
Live preview
Open the example above and share it on multiple windows or devices to try it live.
As users edit the list, changes will be automatically persisted and synced—allowing for a list that updates in real-time across clients. Users will also be able to see who else is currently online and when a user is typing.
Getting started
- Install all dependencies with
npm install - Create an account on liveblocks.io
- Copy your public key from the dashboard
- Replace
pk_YOUR_PUBLIC_KEYinliveblocks.config.jsby your public key - Run
npm run startand go to http://localhost:3000
Tutorial
Follow our step by step tutorial to build it from scratch.
