@xoraia/shop
v0.0.66
Published
New Component Library for Xoraia
Downloads
24
Readme
Installation
Install the xoraia package to your system
yarn add @xoraia/shop
Install Peer Dependencies
READ ONLY PACKAGES
yarn add lodash react-use recoil styled-components nanoid @egjs/react-flicking @egjs/flicking-plugins @emotion/react @emotion/styled @mui/icons-material @mui/material react-hook-form use-debounce recoil-persist
EDITION PACKAGES
yarn add @popperjs/core react-colorful @dnd-kit/core @dnd-kit/modifiers @dnd-kit/sortable
FOR SOME FONCTION
yarn add next firebase
Add Material Icons
- For Create React App
Add the material icons link to your public/index.html file
<html>
<head>
...
<link
href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet"
/>
...
</head>
...
</html>
- For Next.js
Add the material icons link to your pages/_document.[ js | jsx | ts | tsx ] file
import Document, {
Html,
Head,
Main,
NextScript,
DocumentContext,
} from "next/document";
class MyDocument extends Document {
static async getInitialProps(ctx: DocumentContext) {
const initialProps = await Document.getInitialProps(ctx);
return { ...initialProps };
}
render() {
return (
<Html lang="fr">
<Head>
...
<link
href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet"
/>
...
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
);
}
}
export default MyDocument;
Usage
read documentation
Future
- [ ] reduce the lib size by removing mui/material
- [ ] replace react slick by @trendyol-js/react-carousel
- [ ] localise edition state
- [ ] add react-bezier-curve-editor from animation & transition