https://github.com/banyango/beethoven
Simple React component library
https://github.com/banyango/beethoven
component library react
Last synced: 3 months ago
JSON representation
Simple React component library
- Host: GitHub
- URL: https://github.com/banyango/beethoven
- Owner: Banyango
- License: mit
- Created: 2022-02-25T14:56:21.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-08-25T03:50:33.000Z (almost 4 years ago)
- Last Synced: 2025-08-08T13:36:41.874Z (11 months ago)
- Topics: component, library, react
- Language: TypeScript
- Homepage: http://www.banyango.com/Beethoven
- Size: 5.17 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Beethoven
## Setup
Run the following commands to install the dependencies:
`npm install`
`nx build core`
## Code scaffolding
Run `nx g @nrwl/react:component my-component --project=my-app` to generate a new component.
## Build
Run `nx build my-app` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.
## Running unit tests
Run `nx test my-app` to execute the unit tests via [Jest](https://jestjs.io).
Run `nx affected:test` to execute the unit tests affected by a change.
## Running end-to-end tests
Run `nx e2e my-app` to execute the end-to-end tests via [Cypress](https://www.cypress.io).
Run `nx affected:e2e` to execute the end-to-end tests affected by a change.
## Create Storybook Stories for components
Beethoven is using storybook to display the components in a kitchen sink.
To generate a storybook story for a component, run the following command:
`nx g @nrwl/react:stories core `
# Icons
We use Bootstrap icons [Icons](https://icons.getbootstrap.com/)
To import an icon, use the following code:
``