base-front

React компонент (Button, Card) болон жижиг util-ууд — devextreme-react 23.1.5 дээр суурилсан Button.

Суулгах

npm i @batuna/base-front [email protected] [email protected]

Аппдаа DevExtreme CSS import хийнэ (жишээ нь devextreme/dist/css/dx.light.css).

Import (тусдаа зам)

// бүгд
import { Button, Card, cn } from "@batuna/base-front";

// зөвхөн компонент (DevExtreme peer шаардлагатай `Button` ашиглавал)
import { Button, Card } from "@batuna/base-front/components";

// зөвхөн util — UI/peer хамааралгүй
import { clamp, cn, noop } from "@batuna/base-front/utils";

React 19 + npm ERESOLVE

[email protected] нь peerDependencies дээр зөвхөн React 16–18 гэж заасан тул React 19 ашиглаж байгаа төсөлд npm заримдаа алдаа гаргана.

Сонголт 1 — зөвлөмж: төслийн үндсэн хавтас дээр .npmrc үүсгэнэ:

legacy-peer-deps=true

Дараа нь дахин npm i.

Сонголт 2: нэг удаагийн суулгахдаа:

npm i @batuna/base-front@latest [email protected] [email protected] --legacy-peer-deps

Сонголт 3: React 18 хэрэглэх (DevExtreme-ийн албан peer-тай нийцнэ).

Эдгээр нь DevExpress-ийн хуучин peer зарлалттай холбоотой — сан (@batuna/base-front) өөрөө React 19-ийг peerDependencies дээр зөвшөөрсөн ч, хамаарал devextreme-react-ийн хязгаарлалтаас үүднэ.