Как сделать классический рендеринг при универсальном API для разных потребителей

Для классического рендеринга с универсальным API нужно разделить логику: 1. API должен возвращать чистые данные (JSON) без HTML 2. Frontend обрабатывает данные и рендерит их в UI Пример структуры: ```js // API endpoint GET /api/products → { "products": [ { "id": 1, "name": "Product 1" } ] } // Frontend компонент function ProductsList() { const [products, setProducts] = useState([]); useEffect(() => { fetch('/api/products') .then(res => res.json()) .then(data => setProducts(data.products)); }, []); return (

{products.map(p =>
• {p.name}
)}

); } ``` Ключевые моменты: - API не знает о клиенте (может использоваться мобильными приложениями, SSR и др.) - Frontend полностью контролирует отображение - Данные передаются в нейтральном формате - Можно добавить адаптеры для разных клиентов