docs: switch core usage with autocomplete-js

[sarahdayan]

This switches references to autocomplete-core with autocomplete-js in the core concepts.

[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 5de5926:

Sandbox	Source
@algolia/js-example	Configuration
@algolia/react-renderer-example	Configuration

[francoischalifour]

Not directly related to this PR but we don't support DOM anymore so the example below won't work anymore.

autocomplete({
  // ...
  getSources({ setQuery, refresh }) {
    return [
      {
        // ...
        templates: {
          item({ item }) {
            return (
              <div className="ItemContent">
                <div className="aa-aa-ItemSourceIcon">Icon</div>
                <div className="aa-ItemTitle">{item.query}</div>
                <button
                  className="aa-ItemActionButton"
                  onClick={(event) => {
                    event.stopPropagation();

                    setQuery(item.query);
                    refresh();
                  }}
                >
                  Fill query
                </button>
              </div>
            );
          },
        },
      },
    ];
  },
});

[sarahdayan]

This is JSX, so this does work with adding h and turning the snippet into jsx no?

/** @jsx h */
import { h } from 'preact';

[francoischalifour]

Yep

[sarahdayan]

Handled in a725011.