qubit 1.0.0-beta.2

Seamless RPC for Rust & TypeScript
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

import { useEffect, useState } from "react";
import { api } from "../api";
import { Avatar } from "./Avatar";

export const Online = () => {
  const [users, setUsers] = useState<string[]>([]);

  useEffect(() => api.list_online.subscribe({ on_data: setUsers }), []);

  return (
    <section>
      <h2>Online ({users.length})</h2>

      <div id="online">
        {users.map((user) => (
          <Avatar key={user} emoji={user} />
        ))}
      </div>
    </section>
  );
};