This monorepo hosts packages necessary for development and documentation of react components in the t3n domain.
This repo is still in an early state and may change in it's structure
The monorepo is structured into four packages:
- @t3n/theme
- @t3n/components
- @t3n/storybook
- @t3n/icons
- @t3n/configs
This is an example of how you may give instructions on setting up your project locally. To get a local copy up and running follow these simple example steps.
This is an example of how to list things and their versions you need to use the software and how to install them.
npm install npm@latest -g
- Clone the repo
git clone git@github.com:t3n/react-packages.git- Install NPM packages
npm install- Build packages
npm run buildRun this command from the main package. This will run the build script of each package in the correct order, as @t3n/storybook depends on @t3n/components, which itself depends on @t3n/theme and @t3n/icons.
How to run and develop in this project.
npm run start:storybookThis will start storybook and handle local bundling of packages in the monorepo to enable the quickest development workflow possible. You will then be able to develop components in storybook.
Before committing changes, you should ALWAYS run npm run build to generate all types correctly.
How to run tests.
npm run testThe processes take quite long at the moment. This is a known issue and we will swtich to another incremental bundler and build system soon.
To check out all our components you may have a look at https://storybook.t3n.de wich hosts the latest version of this package. If you would rather try our components you can fork our CodeSandbox template
When your pull request is accepted and merged, go to https://app.circleci.com/pipelines/github/t3n/react-packages and decide whether you want to publish as minor or as patch. If you judge your changes to be a major release, please consult the team first.