Làm thế nào để chúng ta giữ các kiểu TypeScript đồng bộ giữa frontend và backend (React và Node)

Tôi đang sử dụng React làm frontend và Nodejs làm backend. Trong nhiều trường hợp, tôi thấy mình phải viết cùng một định nghĩa typescript cho phản hồi phía máy chủ và frontend. Có cách nào để chia sẻ định nghĩa typescript giữa server và client không?

interface DadJokes {
  id:string;
  joke: string;
}

Khi bạn có một dự án lớn và bạn thay đổi điều gì đó trên các loại phía máy chủ, đôi khi nó tạo ra vấn đề khi bạn quên thay đổi nó trên phía khách hoặc bạn đánh sai chính tả

Câu trả lời #1

1. Sử dụng trình biên dịch tsc của TypeScript, bạn có thể tạo các tệp khai báo cho các kiểu chia sẻ của mình, sau đó có thể được bao gồm trong cả dự án frontend và backend của bạn. Đây có thể là một lựa chọn tốt nếu bạn muốn giữ các kiểu chia sẻ của mình trong một gói hoặc thư viện riêng biệt.
2. Sử dụng git submodules, bạn có thể bao gồm một kho git làm thư mục con của một kho khác.
3. Sử dụng bit.dev bạn có thể chia sẻ các thành phần mã, bao gồm các kiểu TypeScript.