md-ui-beta v0.1.3

Intro

Mudah UI Design System is a system of design tokens, guidelines, theming solution and components library that helps Mudah front end and mobile engineers build consistent UIs faster and more satisfyingly.

What Mudah UI Design System is

• A theme specifications that define primitive Mudah UI design tokens
• A workbench to preview all available components and their usage guide
• A set of CLI tools to assist generate new components...

What Mudah UI Design System is NOT

• A base framework for doing Mudah web apps (refer to Next.js framework)
• An end user-facing web app
• Any full web page

Colophon (A.K.A prerequisites to this design system)

Building components:

• 📚 Storybook for UI component development and auto-generated docs
• ⚛️ React declarative component-centric UI. React is also our core UI library of Front End development
• 💅 Linaria which enable CSS-in-JS styling and extract all CSS to external CSS file.
• 📄 System UI Theme Specification as a standard design token format with theme-aware css props helper
• ⬇️ MDX (part of Storybook) for seamless React / JSX documentation

Maintaining the system:

• 🐟 Babel and module resolver plugin for transpiling modern JS and static theming
• 📦 NPM for packaging and distribution
• 🧶 yarn as package manager's CLI
• 🧪 Jest as test runner for unit testing
• 🐐 react-testing-library to assist unit testing React components
• 🚥 Gitlab CI: Continuous integration