repos / starfx

app.jsx

 1import { useDispatch, useSelector } from "starfx/react";
 2import { fetchUsers, schema } from "./api.js";
 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      <div>hi there, {user.name}</div>
11      <button onClick={() => dispatch(fetchUsers())}>Fetch users</button>
12      {userList.map((u) => {
13        return <div key={u.id}>({u.id}) {u.name}</div>;
14      })}
15    </div>
16  );
17}