poc: common JSX components

[aymeric-giraudet]

Only tested with React and Vue 2 for now, the examples still work well.

One problem for now with Vue 2 is that we can't use DefaultHitComponent, as you can't call h with a function component. Maybe Vue 3 will work. Otherwise we can call it as a function as it doesn't have state so it may be fine not to have it as a React/Preact fiber.

Next is to try with Preact (expecting TS errors) and Vue 3.

Also has to keep in mind : in React we also pass div props, we need to find a way to properly type it for the user, without relying on React types in instantsearch-jsx.

Update 1 : Vue3 works out of the box, moved Vue2 compat code in its own file and now the same code works for both versions, even DefaultHitComponent works ! (save for slots which are still under a condition)

Update 2 : For Preact surprisingly types worked easily, however with the way we do templating, we need to have an additional itemComponent prop which contains the li itself :/

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit e872fb0:

Sandbox	Source
InstantSearch.js	Configuration
react-instantsearch-app	Configuration
example-react-instantsearch-default-theme	Configuration
example-react-instantsearch-next-app-dir-example	Configuration
example-vue-instantsearch-default-theme	Configuration

[aymeric-giraudet]

This is to map className to class and children has to be an array for Vue's h function (they don't have fragments)

[Haroenv]

vue 2 and 3 are quite different, we have renderCompat, but I wonder if we should just have separate files for vue 2 and vue 3 once we simplify the rendering?

[aymeric-giraudet]

Call to createHits could be externalized so that we don't call it every render

[Haroenv]

how can it be externalised? if I remember it correctly in vue 2 you only have access to h in render's arguments

[aymeric-giraudet]

Considering Vue 2 will soon reach EOL, we might want to only support Vue 3 so this wouldn't be a problem.
Else we can make 1 file per version, we'll see what's best !