Which of the CSS frameworks works best with ReactJS?
Every component has a story, and it’s written in TypeScript (transpiled to JS). I hope to get around to releasing this big update on npm tonight(!) but for now you can use the code straight from GitHub.
Also, the wrapping is complete yet minimal - there are only a couple components with state and you can override those with a `managed` flag.
Also, every component supports ref forwarding (using of course `ref`), and can render as any other component using the `as` prop. For example, if you want to bring your own Form, Link, or Table framework, this will work with that seemlessly.
<Button color=‘primary’ as={Link} to=‘/‘>Go home</Button>
No doubt there would be better solutions more tailored to react out there.
With PostCSS in your pipeline, you can add the tailwind plugin and start composing CSS. This way, you can use your configuration even in places where you are required to write CSS (e.g. for transitions or media queries):
@screen xs {
.item {
@apply border-b border-blue-darker;
transition: background-color 0.2s;
}
}It's a UI library with all imaginable widgets.
element (in vue) is also pretty terrific: https://element.eleme.io/