Example of a inline-react-package
mylib in action it please use two terminals
cd mylib # Install dependencies yarn # Link it so that the playground can consume it yarn link # Build a fresh copy yarn build # Or, Watch for changes and rebuild yarn watch
cd playground # Install dependencies yarn # use my-lib yarn link my-lib # Build a fresh copy yarn start
This is rather rudimentary dev workflow, if you want to have a similar playground for components you should use something like Storybook. This is just to simulate a real world component usage.
For emotion theming to really work there needs to be a single copy of
@emotion/corein your app, otherwise theme composition wont work (which is 50% of the reason for having a theme to begin with). Enforce this by having all
emotionpackages be peer dependencies of your libraries and a direct dependency of your app.