Skip to content
This is an example of how to create an "inline-all" React package
JavaScript HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
mylib
playground
README.md

README.md

Example of a inline-react-package

To see mylib in action it please use two terminals

Terminal 1

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

Terminal 2

cd playground

# Install dependencies
yarn

# use my-lib
yarn link my-lib

# Build a fresh copy
yarn start

Note

  • 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/core in 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 emotion packages be peer dependencies of your libraries and a direct dependency of your app.

You can’t perform that action at this time.