react-jupiter-development

<p align="center"> <a href="https://evand.com"> <img width="200" src="https://blog.evand.com/wp-content/themes/evand/assets/evand.png"> </a> </p>

Usage no npm install needed!

<script type="module">
  import reactJupiterDevelopment from 'https://cdn.skypack.dev/react-jupiter-development';
</script>

README

Evand Design System - react-jupiter

An UI design language with React implementation

🔱 Features

  • An enterprise UI design system for web applications.
  • A set of high-quality React components.
  • Written in ES6 and styled-components.
  • Use react-hook-form for form handling

📦 Install

  npm install --save react-jupiter

or

  yarn add react-jupiter

🙌🏼 Usage

  import { Button } from 'react-jupiter';

  ReactDOM.render(<Button>Submit</Button>, mountNode);

🛠 Development

Use Gitpod, a free online dev environment for GitHub.

Open in Gitpod

Or clone locally:

  git clone https://github.com/evandhq/react-design-system.git
  cd react-design-system
  npm install
  npm start

⬛️ Commands

start development and view doc. Open your browser and visit http://127.0.0.1:3000

  npm start

show stories of storybook. Open your browser and visit http://127.0.0.1:9009:

  npm run storybook

running all tests:

  npm run test

show linter errors (linter prevent changes to commit):

  npm run lint

fix linter errors automatically:

  npm run lint:fix

create changelog:

  npm run version

generate static site of storybook:

  npm run build:storybook

build production of documents and samples:

  npm run build:doc

build version of design system:

  npm run build:lib

deploy updated storybook on project's github gh-page :

  npm run deploy:storybook

🤝 Contributing PRs Welcome

Read our contributing guide and let's build a better react design system.

🎓 Licence

react design system is available under MIT licence.