holymotion

this.records = this.records.map(entry => entry.id !== this.recordId ? entry : data);

У вас ничего и не теряется, коллсайт для функции это объект offer (в случае, если вызываете типа simillarAds[0].offer.address()) . Залогируйте this в функции address. Если вы получаете на выходе x, y - undefined, возможно, у вас не правильно отрабатывают функции randomInteger или X_LOCATION_* указывает на не то значение.

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

import { hideModal, showModal, login } from '../../actions';

const mapStateToProps = state => ({
  isAuthenticated: !!state.user.token
});

const mapDispatchToProps = dispatch => ({
  handleClose: () => {
    dispatch(hideModal());
  },
  showRegister: () => {
    dispatch(showModal('REGISTER', {}));
  },
  showForgot: () => {
    dispatch(showModal('FORGOT', {}));
  },
  login: () => {
   dispatch(login('....'))
  }
});

export default connect(
  mapStateToProps,
  mapDispatchToProps
)(LoginModal);

https://github.com/cereallarceny/cra-ssr - Интегрировал этот, тут и react-router и react-helmet, всё что нужно

Получаете токен при регистрации или авторазици, храните его в стейте и локалсторедже, при запросах к апи выдергиваете его оттуда.

html { overflow: hidden } - Если ничего не менять и оставить все как есть, но вешать класс на боди такая себе практика, по-моему

woff, woff2, svg, ttf, eot

Лучше не использовать. Но в официальных доках прекрасно описано, как можно реализовать интеграцию с другими библиотеками
https://reactjs.org/docs/integrating-with-other-li...

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

Все верно работает, оно переходит потому что у вас задано свойство у флекс контейнера: flex-direction: column, соответственно они выстраиваются в колонку, т.е меняется ось

Объект.* Ну правда в свойстве $$typeof записан Symbol(react.element)

console.log(React.createElement());
 console.log(typeof React.createElement());

class App extends Component {
  constructor(props) {
    super(props);
    this.state = {
      isOpened: false
    };
  };
  handlerClick(event) {
    function rangeEnd(thisPage) {
      let end = thisPage + 2;
      return (end <= totalPages) ? end : thisPage;
    }
    rangeEnd.bind(this); 
  }
}