@brewkit/components

Brewkit components

Usage no npm install needed!

<script type="module">
  import brewkitComponents from 'https://cdn.skypack.dev/@brewkit/components';
</script>

README

An easy-to-theme design system for creating impactful UIs using React and TypeScript.

npm latest version   npm latest version   Github latest release
     

Brewkit is a collection of React components and tools with a focus on UX and DX. It can be thought of as a superset of Material-UI – MUI at the foundation, but with additional components, abstractions, and tooling layered on top.

Guides

Testing

Brewkit uses jest, enzyme, and react-test-renderer to handle unit testing for the components. Since it is based on Material UI, it will not cover the functionality of their components, it will only cover our funcionality added on top of that. The tests are mocked by using the enzyme which allows us to emulate the web browser DOM enviroment by using jsdom. Snapshot testing was considered at one point, but since the crust of funtionality used in Brewkit will be based on "hard" javascript, so unit testing with cli interface has more sense.

To run tests first install test-runner - npm run install-test-runner

Majestic

Majestic is a GUI for Jest, for better developer experience, with some handy functionality built on top of it.

npm run test:ui - opens in browser