Антон Спирин

Autoprefixer по умолчанию включен в CRA. Вы можете кастомизировать его путем указания browserslist в package.json файле. По умолчанию он имеет такие значения

> 0.5%, last 2 versions, Firefox ESR, not dead

Header у вас является компонентом, а не элементом (экземпляром). Поэтому получая его из пропсов, вы получаете обычный компонент, который стандартным образом рисуете.

const { Header, Footer } = this.props;

return (
    <Fragment>
        <Header />
        <Footer />
     </Fragment>
);

Но лучше передавать не компонент, а render функцию https://reactjs.org/docs/render-props.html.

Чтобы из дочернего компонента обратиться к пропсам, нужно в родительском компоненте их прокинуть самому этому дочернему:

<nav>
<ul>
    <h3>Friends</h3>
    <Sidebars state={state.sidebarList} />
    <ul>
    </ul>
    </nav>

Можно, но в реальных проектах фронтом и бэком занимаются разные команды, поэтому и проекты обычно разные, в разных репозиториях.

Можно и так, можно и в reducer, или actions. Действия с данными делать надо там где это уместно, а уместность зависит от того что именно вы делаете.

Если эта логика только для данного компонента, чтобы привести данные из формата в котором они лежат в сторе к формату который нужен компоненту, и нет смысла класть фильтрованные данные в стор - фильтруйте в коннекте.
Если эта фильтрация нужна на уровне данных в сторе (то есть профильтровать данные которые пришли откуда-то перед тем как их привести в формат который должен лежать в сторе) - фильтруйте в редьюсерах или экшенах.

https://developer.mozilla.org/en-US/docs/Web/JavaS...

> The condition expression is evaluated. If the value of condition is true, the loop statements execute. If the value of condition is false, the for loop terminates. If the condition expression is omitted entirely, the condition is assumed to be true.

Сделайте кастомный фильтр, с обработчиками onChange и onKeyPress, в которых и будет происходить переключение функции фильтрации. Например, так (поле lastName, посмотреть в деле можно вбивая короткие слова, которые являются частью более длинных - такие как war, son, comb, sign, child, work, can и т.п.).

UPD. Вынесено из комментариев:

у меня много столбцов, плюс к этому много таблиц, и логику фильтра нужно применить ко всему

Ну так сделайте компонент-обёртку для этой таблицы, который будет задавать дефолтный компонент фильтра и дефолтную же функцию фильтрации - их вы можете взять из моего примера.

UPD. https://codesandbox.io/s/nn1z53jn4l (только первые три поля, у последнего фильтр оставлен переопределённым).

NaN == NaN // false

Используйте isNaN
isNaN(NaN) // true

Хватит уже пытаться во всём следовать каким-то стандартам )
Интересоваться ими, если они есть, однозначно, стоит. Но слепо следовать каким-либо стандартам только за то что они существуют бессмысленно и часто вредно.
Выкладывайте, вобщем, как удобнее, вы ведь не просто для галочки VCS(Git) используете?

Если это два отдельных проекта общающихся по API, нет никаких проблем выносить их в два разных репозитория. Если работают одни разработчики и изменения идут одновременно и там и там, можно положить в один. Выбор за вами.

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

с большой буквы

Как и в любом другом приложении – когда одни данные нужны в нескольких местах.