نبني البرمجيات التي يقوم عليها عملك

1export function Today({ user, store }) {
2  const orders = useOrders({ since: startOfDay() })
3  const leads = useLeads({ status: 'new' })
4  const inbox = useInbox({ drafts: 'ai' })
5
6  return (
7    <Screen greet={user.firstName} date={today()}>
8      <Tile label="Orders today"
9            value={orders.count} vs={orders.yesterday} />
10      <Tile label="New leads" value={leads.length} />
11      <Tile label="Replies drafted" value={inbox.drafts} />
12
13      <WeekChart data={store.sales.last(7)} currency="USD" />
14
15
16
17      // when stock changes, react: under 5 left, reorder
18      <StockList items={store.stock}
19        didSet={item => item.left < 5 && reorder(item)} />
20    </Screen>
21  )
22}