[ ] <Form />(I don't think we need something such as Formik for Perry)
---
Want to back this issue? **[Post a bounty on it!](https://www.bountysource.com/issues/71209277-refactor-move-away-from-rebass-and-styled-components?utm_campaign=plugin&utm_content=tracker%2F99808836&utm_medium=issues&utm_source=github)** We accept bounties via [Bountysource](https://www.bountysource.com/?utm_campaign=plugin&utm_content=tracker%2F99808836&utm_medium=issues&utm_source=github).
We are currently having problems integrating into our CI due to mismatches between preact API and a few dependencies we have.
Rebass used to work well with Preact before 3.x was released and made use of features like
React.forwardRef
which are not available inpreact-compat
.Also,
styled-components
nowadays makes use ofReact.createContext
, which is also not available inpreact-compat
.(Even tho the preact team is working in Preact X, which will make this features available, is still in alpha stages and we cannot rely on it.)
So this issue aims to track the development of the few components the Perry Widget actually needs in order to work.
I suggest moving to https://github.com/emotion-js/emotion since it seems to use a more agnostic approach for CSS-in-JS.
Here is a checklist so we can track this better:
Primitives
<Modal />
<Button />
<Input />
<Label />
<LabeledInput />
<Form />
(I don't think we need something such as Formik for Perry)