全栈 TypeScript CRUD 框架 Remult

import { Entity, Fields } from "remult"

@Entity("contacts", {  allowApiCrud: true})

export class Contact {  @Fields.autoIncrement()  id = 0  @Fields.string()  name = ""  @Fields.string()  number = ""}

import express from "express";import { remultExpress } from "remult/remult-express";import Contact from "../shared/Contact.ts";

const app = express();

app.use(  remultExpress({    entities: [      Contact    ]  }));

import { useEffect, useState } from "react"

import { remult } from "remult"import { Contact } from "./shared/Contact"const contactsRepo = remult.repo(Contact)

export default function App() {  const [contacts, setContacts] = useState<Contact[]>([])

  useEffect(() => {    contactsRepo.find().then(setContact)  }, [])

  return (    <div>      <h1>Contacts</h1>      <ul>        {contacts.map(contact => {          return (            <div key={contact.id}>              {contact.name} | {contact.phone}            </div>          )        })}      </ul>    </div>  )}