repos / starfx

app.tsx

 1import { useDispatch, useSelector } from "starfx/react";
 2import { fetchUsers, schema } from "./api";
 3
 4export function App({ id }) {
 5  const dispatch = useDispatch();
 6  const user = useSelector((s) => schema.users.selectById(s, { id }));
 7  const userList = useSelector(schema.users.selectTableAsList);
 8  return (
 9    <div>
10      <h1>hi there, {user.name}</h1>
11      <button onClick={() => dispatch(fetchUsers())}>Fetch users</button>
12      {userList.map((u) => {
13        return (
14          <div key={u.id}>
15            ({u.id}) {u.name}
16          </div>
17        );
18      })}
19    </div>
20  );
21}