myaca

немного непонятно, клиент откуда делаются запросы - это браузер? браузер поддерживает макс 6 http connections per domain, 3к там не может быть никак
https://docs.pushtechnology.com/cloud/latest/manua...
если запросы делаются с сервера - можно закрывать connection https://developer.mozilla.org/en-US/docs/Web/HTTP/...

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

Я бы порекомендовал использовать лучше String.prototype.includes

https://developer.mozilla.org/ru/docs/Web/JavaScri...

Тебе ведь не надо знать индекс вхождения, так ты уйдешь от некрасивых проверок if (indexOf !== -1) и в целом код будет выглядеть чище

if ('big_string'.includes('string')) {
  doSomethingBeautiful();
}

красиво, декларативно - то что надо :)

1. fetch и есть ajax
2. > Как навесить событие на форму, которая загружается с сервера ассинхронно. - нужно вешать прослушку событий на элемент, в который эта форма прилетает, т.е.

<div id="with-form">
    <form .../>
</div>

const form = document.getElementById('with-form');
form.addEventListener(...)

(Можешь погуглить в сторону "делегирование событий")

Это для решения которое ты хочешь.

А вообще такое поведение делается на клиентском javascript - делаешь форму с display:none, position: absolute
и по клику на, в твоем случае, "войти" - меняешь свойство display none -> block

У тебя могут спросить совершенно разные задачки, из того что мне приходит в данный момент в голову:
- расскажи какие значения свойства position, display ты знаешь
- способы выравнивания элемента по центру

- как работает this в javascript
- как работает прототипное наследование в javascript
- generators, async/await, promises, setTimeouts, что из них раньше выполнится и т.п., расскажи про микротаски
- variable hoisting

- расскажи про HoC, что это такое, где используется
- расскажи про render props
- расскажи про portals
- расскажи про context api
- react component lifecycle hooks
- что такое middlwares, какое у них в принципе назначение, какие знаешь, какими пользовался
- как можно уменьшить количество ререндеров, какие способы оптимизации ты знаешь

- CORS - ?
- ФП vs ООП сравнение, их особенности и сильные/слабые стороны
- composition vs inheritance
- различные вопросы по паттернам, например рассказать про observer, как это работает концептуально
- расскажи про пирамиду тестирования

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

https://material-ui.com/ru/
https://reactstrap.github.io/
самые норм на мой взгляд

Не знаю как правильно, но нашел такой вариант:
добавил в рендере перед редиректом {this.props.history.push("/")}

мб кому понадобится

Вот, набросал тебе специально =)

https://jsfiddle.net/myea3mce/

=>

https://jsfiddle.net/myea3mce/1/

И в картах, вроде как, не максимум 4 и 3 цифры, а ровно 4 и ровно 3...

Это не ошибка, это warning, использовать document.write() - очень плохой тон (может использоваться как eval, а eval == evil)

В некоторых ситуациях надо float, в других - position. Полностью отказаться от float нельзя (Только заменить флексом можно, тогда флоат да, не нужен)