- Using only two components here
- Avatar Playground
- Card playground
Imported from root lib/index.js file
import AvatarPlayground from "./content/Avatar/avatar.playground";
import CardPlayground from "./content/Card/card.playground";
export default {
AvatarPlayground,
CardPlayground,
};
- add content folder with two index and two respective playground file
- add components folder with one component file
- add containers folder as in playground
- publish to npm
-
add prettier husky
-
add eslint - basic only
-
export all playgrounds from content/index.js = entry point of library.
-
write a script to import all the playgrounds from content directory and export them out automatically into lib folder(copy content.jsx to lib.jsx)
-
publish lib folder onto npm.
- run yarn build
- update version in package.json
- npm publish
- yarn upgrade embed-play-into-docs
-
- add test with jest and react-testing library
- add eslint all features
- mimic elements folder here
- import published playgrounds here
- create a button
- create a modal
- interpolate modal with playground