Throughout the projects, we were building our collection of components that you can find in Components, but there are also several libraries that spectacularly implement components that we use in everyday life.
We love the Chakra UI because of its vast amount of components and how well implemented they are.
This library allowed us to break out of the Component.tsx and Component.styles.tsx architecture to just 1 component file. This made implementation easier and made us deliver components faster and with higher quality.
If you need a realtime editor for Chakra Theme, you can enable the HyperTheme Editor.
Chakra allows us to do a global theme configuration extremely easily. You can find this setting here.
We use a separation based on Chakra documentation and Design System.
We use Storybook for documenting and testing components in isolation. You can check the storybook by running
yarn storybook
or
npm run storybook