33、独立 Web 应用创建指南

独立 Web 应用创建指南

在构建 Web 应用时，我们需要考虑多个方面，包括数据来源、内容渲染、样式设计以及代码的简洁性和可维护性。本文将详细介绍如何创建一个独立的 Web 应用，涵盖从数据获取到使用 JSX 创建 HTML 内容的全过程。

1. 创建数据源

为了方便从本地数据过渡到远程数据，我们首先定义一个抽象类 AbstractDataSource ，它提供了基本的数据访问功能。以下是 abstractDataSource.ts 文件的内容：

import { Product, Order } from "./entities";
export type ProductProp = keyof Product;
export abstract class AbstractDataSource {
    private _products: Product[];
    private _categories: Set<string>;
    public order: Order;
    public loading: Promise<void>;
    constructor() {
        this._products = [];
        this._categories = new Set<string>();
        this.order = new Order();
        this.loading = this.getData();
    }
    asy