Diffuse Design System of hytag

Diffuse is a Design System built with React.

Stack

This project uses Yarn, JavaScript, Storybook, Sass, Styled Components, React.

Maybe you want to read about them:

• Yarn
• JavaScript
• Storybook
• Sass
• Styled Components
• React

This project also uses Husky to prevent commit and push messy and wrong code.

Overview

This project contains shareable styles of components, UI Components using React and Storybook's presentation and build configs need to stay here.

Commands

Install

yarn install

Run storybook library

yarn storybook

Running the local Project

• To test on a project that is consuming our package we can run our project with

yarn run build:npm:watch

• To be exposed as a local package

npm link

• In the project that consumes this package we will run the command

npm link diffuse-ds

Publish in NPM

• To prepare your package to be published:

yarn build:lib

• If you haven’t already, sign-up to npm.
• Go into your terminal.

npm login

npm publish

📝 License

Copyright © 2022