Создание таблицы с удаленной сортировкой, разбиением на страницы, фильтрацией

Мышление в React является отличным руководством, направленным на то, чтобы вы чувствовали себя комфортно с моделью состояния React. Он объясняет, как построить таблицу с фильтрацией, но сортировка может быть реализована аналогичным образом. В этом примере не используется Redux, но реализация Redux будет аналогичной, за исключением того, что состояние будет управляться редукторами вместо компонента верхнего уровня.

Чтобы сделать фильтрацию и сортировку эффективной в Redux, она обычно сочетается с memoization. вычисление производных данных показывает, как можно использоватьReselect для создания составных селекторов данных, которые могут фильтровать и сортировать их.

Что касается пагинации, то real-world Пример в Redux repo показывает, как это реализовать. Это требует более глубокого понимания таких тем, как нормализация состояния, поэтому не переходите к ним слишком рано. Но основная идея заключается в том, чтобы хранить строки отдельно от списка их идентификаторов и использовать структуру данных, такую как { ids: array, isFetching: bool, nextPageUrl: string? }, для представления состояния разбиения на страницы.