antonstolar

пора сменить город
зачем кого то слушать что восстребовано и где легче
если можно потратить пять минут зайти на любой сайт работы в своем городе и посмотреть что нужно , где больше нужно там и легче

перед обучением нужно подписать контракт что год отработаешь в этой компании после обучения. Я отказался.

вы отказались потмоу что какая-то мутная контора, вам не хочется тратить 9 месяцев на обучение перед трудоустройством, или потому что вы не хотите взвешивать на себя обязательство проработать год?
Это ведь тот самый коммерческий опыт который отделяет вас от работы мечты

выходов несколько:
- фриланс. Доходов будет крайне мало первые полгода-год, это будет не работа а дальнейшая учеба по сути.
- искать стажировку не в городе а в россии. Шанс небольшой но он есть. Резюме придется отправить не в 15 а в 150 компаний.
- оставить все как есть, вернуться на работу которую можете работать, сделать еще одну попытку

И вопрос - вы весь год без работы реально все освободившееся время по 8 часов в день что-то учили, развивались, делали?

Вам надо добавить строку

const {stateToPropsDay, stateToPropsStartDataArray, stateToPropsFilteredDataArray,     stateToPropsSearchInput, stateToPropsCategory} = this.props;

перед return в методе render

Взгляните на это несколько раз и сами ответьте на свой вопрос:

const rootReducer = combineReducers({
  propsReducer: reducer
});

const mapStateToProps = state => ({
    onLike: state.propReducer.like
});

А именно на propsReducer (в combineReducers) и propReducer (в mapStateToProps)
И почему в componentDidMount() вы ссылаетесь на какой-то неизвестный реакту this.props.propsReducer.day?

UPD (нерабочие кнопки)

{stateToPropsStartDataArray &&
Object.keys(stateToPropsStartDataArray).map(element => (
  <button
      data-stateToPropsCategory={element}
      onClick={e =>
      onFilter({
          stateToPropsCategory: e.target.dataset.statetopropscategory
      })
      }
      className={
      element === stateToPropsCategory ? "active" : "noActive"
      }
  >
      {element}
  </button>
))}

var newData = state.startDataArray[
  action.stateToPropsCategory || state.category
].filter(x => {
  return x["planeTypeID.code"]
    .toLowerCase()
    .includes(action.search || state.searchInput);
});

https://codesandbox.io/s/frosty-dew-u3wmu

я только про первую часть вопроса, но подробнее

map State To Props = соотнести стейт (редюсера) с пропсами (компонента)
то есть функция получает целый стейт редюсера, возвращает объект, который добавляется к пропсам компонента

const mapStateToProps = state => ({
    onLike: state.propReducer.like
});
// this.props.onLike = reducer.state.onLike

const mapStateToProps = state => state;
// this.props.state = целый большой объект стейт редюсера

почему так лучше не делать? потому что при ЛЮБОЙ даже незначительной смене стейта компонент будет перередериваться, лучше забирать в компонент только самое необходимое

Это умеет Notepad++
Текущие настройки синтаксической подсветки можно посмотреть тут:


Создать свое определение синтаксиса можно тут:

Как-то так
https://codesandbox.io/s/polished-river-s53zd

Нужно поменять ид в HTML и название класса. Так как у тебя не совпадают названия в

ReactDOM.render(<App automobile={data} />, document.getElementById('app'));

А сам массив перед рендером обернуть в див.

render () {
  const automobile = this.props.automobile;
   return (
   <div>
    {automobile.map(n => (
       <div className="Cars" headerText={n.name}>
       ....
      </div>
    ))}
   </div>
  );
 }

var moveDown = () => {
           document.body.scrollTop = 940;
           document.documentElement.scrollTop = 940;
}

Мне кажется что это можно реализовать проще:
1) задать в состояние начальное значение
2) создать метод this.setState - при нажатии кнопки выползание слева сайдбара
3) как-то сделать так чтобы при нажатти на крестик в верхнем углу сайдбара- сайдбар снова скрылся (пока не знаю как)

в общем-то всё так и есть, да

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

По опыту , часто спрашивают следующее:
Promise, async/await
Prototype
Array
Object
Отличия var от let/const

Практика важна. А если по списку, то не хватает:

5.5 Методы массивов
6.9 Декораторы и переадресация вызова, сall/apply
6.10 Привязка контекста к функции
7.2 Свойства - геттеры и сеттеры
8 Прототипы, наследование!!!
11 Промисы, async/await
Замыкание, наследование - тут еще раз разобраться.

А вобще как говорят перед смерью не надышишься. Либо знаешь, либо нет. В спешке учить смысла нет, важно понимать.

один из вариантов

const [mousePosition, setMousePosition] = useState(null);
const clL = {
  "dark": mousePosition === "left"
}
const clR = {
  "dark": mousePosition === "right"
}

return (
  <>
    <div id="left" onMouseOver={() => setMousePosition("left") className={cx(clL)} onMouseLeave={() => setMousePosition(null)}></div>
    <div id="right" onMouseOver={() => setMousePosition("right") className={cx(clR)} onMouseLeave={() => setMousePosition(null)}></div>
  </>
)

Но это если сильно хочется. А вообще, такая вещь делается одной строкой в css:

#left:hover {
    background-color: rgba(0,0,0,0.5);
  }
  #right:hover {
    background-color: rgba(0,0,0,0.5);
  }

<div id="app"></div>

function App() {
  const [ dark, setDark ] = React.useState(null);
  const updateDark = e => setDark(e.type === 'mouseover' ? e.currentTarget.id : null);

  return (
    <React.Fragment>
      {[ 'left', 'right' ].map(n => (
        <div
          id={n}
          key={n}
          onMouseOver={updateDark}
          onMouseLeave={updateDark}
          className={dark && dark !== n ? 'dark' : ''}
        ></div>
      ))}
    </React.Fragment>
  );
}

ReactDOM.render(<App />, document.getElementById('app'));