Направление для развития в React?

Думаю что вас даже на собеседование не пустят без редукса

на такие собеседования можно вообще не ходить

Почему некорректно отображается страница в Mozzila Firefox(Fullpage.js+bootstrap)?

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

Почему некорректно отображается страница в Mozzila Firefox(Fullpage.js+bootstrap)?

ashosmenavzatb, я указал на проблемное место, других причин поверхностно я не увидел, а тратить больше 10 минут рабочего времени на решение чужой задачи я не могу, мне за это не платят :)

Как оцентровать тики в recharts?

b4rret, похоже на правду, но есть пару некрасивых вещей тык
1)

const textWidth =
    ($node.current.textLength && $node.current.textLength.baseVal.value) || 0;

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

Автообновление сборки (webpack) при изменение .scss?

уберите из дев сборки MiniCssExtractPlugin

{
  test: /\./\.(sa|sc|c)ss$/,
  use: ["style-loader", "css-loader", "postcss-loader", "sass-loader"]
}

Как в роуте если задан один путь url, добавлять к нему дополнительный путь?

компонент first

<Route path="/first/:item" render={() => ...} />
<Route render={() => <Redirect to={`${match.url}/item1`} />} />

Как оцентровать тики в recharts?

Как вариант, можно еще отрисовать на х - 1 больше тиков, скрыть половину и оставить только те, которые попадают между

Архитектура веб приложения для разных стран?

Можно вынести весь набор пунктов в меню в отдельный json, и рендерить его в зависимости от гео, на котором находится юзер, а соответственно роут, на которой можно попасть только из КЗ, швырять в 404, если пришел из другого гео

React | Как показывать заглушку пока загружается iframe?

return (
    <elem />
    <elem />
  );

если не ошибаюсь, такая конструкция плюнет ошибку

Какую библиотеку посоветуете для React, для построения графиков с возможностью кастомизации?

юзал recharts, максимум кастомизации, едиственное, что тяжелые доки)

Как бы выглядел этот код без хуков (hooks) и с компонентами класса, а не с функциональными компонентами?

75db77, в консоли все написано)
здесь удобнее

Как проверить props?

const MainHeader = (props) => {
    if (props){
        let data = this.props
    }

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

Как лучше работать с событием scroll в React?

а можно функцию скролла посмотреть?

Как бы выглядел этот код без хуков (hooks) и с компонентами класса, а не с функциональными компонентами?

Антон Спирин, справедливо х2, поправил

Как бы выглядел этот код без хуков (hooks) и с компонентами класса, а не с функциональными компонентами?

Антон Спирин, справедливо, поправил

Не удается обновить состояние в обратном вызове события?

а чтобы не писать такие дела

useEffect(() => {
  setIsDisabled(props.disabled);
  if (isDisabled) {
     switchEl.current.removeEventListener('click', handleClick);
  } else {
     switchEl.current.addEventListener('click', handleClick);
  }

  return () => switchEl.current.addEventListener('click', handleClick);
}, [props.disabled])

воткните логику с isDisabled в handleClick

const handleClick = event => {
 if (isDisabled) return false;
...
}

useEffect(() => {
  setIsDisabled(props.disabled);

  return () => switchEl.current.removeEventListener('click', handleClick);
}, [props.disabled])

Не удается обновить состояние в обратном вызове события?

поднимите const handleClick выше, над useEffect

Почему не срабатывает событие onClick?

Не нужно писать constructor() {}, если там ничего нет

constructor(props) {
  super(props); // (props) <= важно, иначе будет поломано
}

если у вас в WorkItem onClick не используется из пропсов, у вас onClick и не будет работать, onClick вешается на DOM-элемент, а WorkItem - это компонент

Как выбрать e2e & unit testing framework для приложения на React?

+ за jest, юзаем и не знаем проблем + husky+lintstaged для прекоммитов в связке с jest работают замечательно

Как передать функуцию, которая ожидает аргументы в другой компонент?

если юзаете constructor(), не забывайте в нем писать super()

constructor(props) {
  super(props);
  //do smth
}