🧪 UI library research

26th February 2021

• Roll our own components - we sure could, but it'd probably save us time pull them from a library, and nicer to use one library than to add a new dep for each component
• https://ant.design/ - popular but very enterprise-ey
• I'm not keen to use material-ui, if it's too heavy for TC then it's way too heavy for WeekLog
• https://precise-ui.io/ - looks promising, but not sure about styled components yet
• https://baseweb.design/ - very basic, but great if we want to do our own styling over the top
• https://github.com/rsuite/rsuite - explicitly supports next.js and TS. No support for mobile(???)
• https://chakra-ui.com/ - explicitly supports next.js, looks reasonably popular while being reasonably light-weight

I'm currently leaning towards Chakra because it seems fairly popular without being Enterprise Grade™️. But it also seems like its scope is kinda narrow - it leaves out a datepicker and although there's UI tags, there's no tag input. Those are some core benefits I'd like from a UI library, so I'm not so sold.

That said, I think the only tag builder I've seen so far has belonged to base-ui. So it may be something that we need to bring in separately anyway. I wonder how this would go if we used Chakra, and then wanted to adjust the theming. I would guess we'd need to wrap each component that we bring in.