HOWTO: Добавить гайд по автокомплиту

[azinit]

Assignees: @Anton-Gadiyatov

Requirements

Заполнить гайд по автокомплиту:

• [ ] Описать, как нарезать автокомплит по FSD-слоям (см. ниже)
• [ ] Приложить сэндбокс с реальной имплементацией автокомплита (можно взять любой, потом сами вольем в /examples)

Как нарезать?

• [ ] Как минимум, подготовить источник данных
  • [ ] shared/api - либо сделать искусственное получение данных через промис, или обратиться к реальному MockAPI (т.е. главное, чтобы была функция, откуда возвращался промис с фильтрацией тасков по searchQuery)

    import { taskApi } from "shared/api";
    ...
    taskApi.search("some-query") // -> Promise<Task[]>
    

• [ ] Автокомплит можно поделить на две части
  • [ ] shared/ui - общий контрол автокомплита (см. пример), который ничего не знает про получение данных, а только отображает пропы в общем формате (типа data: { value: T, label: string }[])

    import { AutoComplete } from "shared/ui";
    ...
    const options = [
      { label: "Foo", value: "1" },
      { label: "Bar", value: "2" },
    ]
    <AutoComplete options={options} onChange={() => {...}} value={...} />
    

  • [ ] features/tasks-search - контрол с получением данных, использующий в реализации shared/ui

Reference

General

• Памятка по md
• Гайдлайны по контрибьютингу

Implementation-speficic

• https://t.me/feature_sliced/3581
• https://t.me/feature_sliced/3550