math-main-components

math-main-components

Component Library for math-main-app

• reusable ui components
• math components

Run Locally

Install yalc globally by running yarn global add yalc

In order to make the workflow more efficient, you can link the local package to the main app.

• Go to math-main-components and run yalc publish. (only need to do this once)
• Then go to math-main-components and run yarn dev.
• Then go to math-main-app and run yalc link math-main-components.

No need to change anything in the package.json file.

In order to unlink the packages, run yarn retreat math-main-components in app directory.

Notes

• Do not use any of next.js features like next/link

Publishing

• increment version in package.json
• run npm publish --access public
• run yarn add math-main-components@0.0.1 in project

Using styles

In order to use styles you need to have 'sass' installed.

In your _app.js file, import the styles like this:

import 'math-main-components/styles/font.scss'
import 'math-main-components/styles/material-symbols.scss'
import 'math-main-components/styles/theme-colors.scss'
import 'math-main-components/styles/theme-styles.scss'