davidnum95

Можно так

const Repeater = () => {
		const items = useMemo(() => {
    	const itemsCount = Math.ceil(window.screen.height / 130);
    	return Array.from(Array(itemsCount).keys())
    }, [window.screen.height])

    return (
        <div className="list">
            {items.map((value, index) => (
                <RepeatedComponent key={value} />
            ))}
        </div>
    );
};

const usersPosts = useSelector(state => {
    const { users, searchValue } = state.reducerFetchUsers
    if (!searchValue)
      return users

    return users.filter((user) => user.name.includes(searchValue))
  })

Вам бы жс подучить, прежде чем за реакт браться. Тривиальные примеры же.

Зачем в свойство searchInput я как значение передаю свойство searchInput?

Это уже к вас вопрос - зачем? Можно было просто:
({ searchInput, startDataArray: data, category })

Почему свойству startDataArray передаются аж два значения : data и category? Разве можно свойству обьекта давать два значения? Если да, то зачем в конкретном случае так сделали?

Запятую после data не видим?
data - это просто "псевдоним" для startDataArray, чтоб меньше буковок писать, category - просто отдельный параметр.

Почему в даном случае в метод filter передали аргументом функцию updater а не обьект?

Какой updater передали? Вы о чем вообще? filter принимает колбэк, который должен возвращать true/false соответственно. С чего вы взяли что туда нужно передавать объект?

Никто не использует expo в разработке реальных приложений, чего и вам не советую.
https://habr.com/ru/post/480258/

Если речь про обычные ui компоненты, типа кнопок и тд., то юзаем https://github.com/storybooks/storybook

Надеюсь общий смысл понятен

const headerTitles = {
  '/componentOneURL': 'Component One',
  '/componentTwoURL': 'Component Two'
};

const Header = withRouter(({ location }) => <span>{headerTitles[location.pathname]}</span>);

Модальные окна. Куда и как рендерить?

const props = Object.values(x).reduce((result, item) => ({...result, ...item}), {});
<div {...props} />