backpack-transpiled

https://backpack.github.io/

Scripts used to publish a transpiled version of Skyscanner's Backpack design-system components.

Why?

Skyscanner's web components (for React) are published untranspiled. This is fine internally because we have a custom set of react-scripts that handle ES6 syntax and SASS files, but projects outside Skyscanner might not want to use backpack-react-scripts or set up custom bundler rules.

So this is a transpiled version of the components that uses vanilla JS and CSS.

This is shipped as one big package - but modern code-splitting/tree-shaking techniques should mean that your bundle size is not adversely affected

Documentation

For component documentation, see https://backpack.github.io/.

Using in a create-react-app

TODO

Using in Next.js

TODO

Developing

Do not add dependencies directly to the package.json. These are populated automagically during the backpack-pulling process by running npm run pull-backpack:dependencies.

(Adding dev-dependencies is fine.)

Prerequisites

TODO

Running locally

npm ci
TODO

Testing

Contributing

Contributions are welcome. Please fork and submit a PR if you want to add or change a feature.

Changelog

0.0.3

• Fixed some import paths - namely broken icon ones.