foi-library v1.1.2

yarn init yarn install react react-dom --save-dev

2. Napraviti tsconfig file: { "compilerOptions": { "target": "es5", "outDir": "lib", "lib": "dom", "dom.iterable", "esnext" , "declaration": true, "declarationDir": "lib", "allowJs": true, "skipLibCheck": true, "esModuleInterop": true, "allowSyntheticDefaultImports": true, "strict": true, "forceConsistentCasingInFileNames": true, "module": "esnext", "moduleResolution": "node", "resolveJsonModule": true, "isolatedModules": true, "noEmit": true, "jsx": "react" }, "include": "src" , "exclude": "node_modules", "lib" }

3. Instalirati storybook -> npx sb init

4. update main.js Dodat "../src/*/.stories.mdx”

5. Napraviti src/components folder

6. Staviti u preview.js layout: true

7. Dodati rollup za bundlanje yarn add --dev rollup rollup-plugin-typescript2 @rollup/plugin-commonjs @rollup/plugin-node-resolve rollup-plugin-peer-deps-external rollup-plugin-postcss postcss

8. Dodati rollup config import peerDepsExternal from "rollup-plugin-peer-deps-external"; import resolve from "@rollup/plugin-node-resolve"; import commonjs from "@rollup/plugin-commonjs"; import typescript from "rollup-plugin-typescript2"; import postcss from "rollup-plugin-postcss";

const packageJson = require("./package.json");

export default { input: "src/index.ts", output: { file: packageJson.main, format: "cjs", sourcemap: true }, { file: packageJson.module, format: "esm", sourcemap: true } , plugins: [ peerDepsExternal(), resolve(), commonjs(), typescript({ useTsconfigDeclarationDir: true },tsconfig: './tsconfig.json', ), postcss({ extensions: '.css' }) ] };

9. Dodati u package.json "main": "lib/index.js", "module": "lib/index.esm.js", "types": "lib/index.d.ts”, "rootDir": "./src", "outDir": "./lib", "declarationDir": "./"

10. build script "build": "rollup -c"

11. Dodati "files": "src", "lib"

12. Publishat npm publish