@dicksonp/test-rollup

Component library with emotion

This setup demonstrates a React app using a typescript component library.

The trick is to use Babel to compile typescript (rather than rollup-plugin-typescript and rely on typescript for type checking and generation of declaration files. You'll receive faster builds and can still use the Babel plugins you're used to.

Getting started

Clone this repository:

npx degit https://github.com/ben-rogerson/twin.examples/component-library-emotion folder-name

Inside the project folder, install the dependencies using yarn workspaces:

yarn install

And start the dev server:

yarn dev

Components (packages/components)

• Typescript
• React
• emotion
• Twin
• rollup.js

App (packages/app)

• Typescript
• Next.js
• emotion
• Twin