Всем привет. Хочу узнать, какая доля чата юзает fetch, а какая Axios ?
есть еще superagent но это такая параша ебаная
🦜
Sergey
Китикет
Не успел)
Китикет
А как же $.ajax
Dmitriy
Китикет
Я считаю это надо включить в основные варианты)))
Китикет
xD
Dmitry
Как автоматизировать версионность?
Sm•ok
Где том звонит по телефону
Dmitry
react-hooks-testing-library кто то юзал либу ?
Sergey
Мало пользы/толку?
Слишком много бесполезных версий. Их нужно качественно руками поддерживать
Александр 🦄
Слишком много бесполезных версий. Их нужно качественно руками поддерживать
Одно время было желание автоверсионность замутить, но чет не проникся
Sm•ok
Всем привет. Хочу узнать, какая доля чата юзает fetch, а какая Axios ?
Я почему спросил. Хочу написать норм обертку над каким то http клиентом. К примеру axios. Обертка в виде класса singleton и в котором все методы, возвращающие промисс + сохраняющие cancel token (если передали в параметрах отмену запроса при повторении) и при повторном обращении отменять старый запросик
Sm•ok
А то в axios так ужасно сделана отмена запроса
Oleg
Ребят, подскажите. Как в useEffect сделать такое:
1) при загрузке компонента единоразово выполнить феч запрос (логично, что useEffect(() => { ... }, []) отработает единоразово и можно так).
2) при обновлении пропсов компонента - феч уже не выполнять, а отрабатывать другой сценарий.
Можно ли юзать два useEffect с разными функциями в рамках одного компонента? Или сделать стейт, который ставить в true после выполнения фетча первый раз, и потом повторно его не вызывать?
🦜
Я почему спросил. Хочу написать норм обертку над каким то http клиентом. К примеру axios. Обертка в виде класса singleton и в котором все методы, возвращающие промисс + сохраняющие cancel token (если передали в параметрах отмену запроса при повторении) и при повторном обращении отменять старый запросик
axios и так возвращает промис и у него есть функция cancelToken
Dmitry
как протестить эффект ? Как дернуть инмаунт ?
Sm•ok
Ужасно же ?
Sm•ok
и плюс как мне отменить запросы при unmount
🦜
abortController посмотри
Sm•ok
Вызвать функцию
Я смотрел примеры и везде было
if (typeof this._source != typeof undefined) {
this._source.cancel('Operation canceled due to new request.')
}
Sm•ok
Это шо в каждом методе надо писать ?
🦜
Я смотрел примеры и везде было
if (typeof this._source != typeof undefined) {
this._source.cancel('Operation canceled due to new request.')
}
// cancelToken and source declaration
const CancelToken = axios.CancelToken;
let source = CancelToken.source();
source && source.cancel('Operation canceled due to new request.');
// save the new request for cancellation
source = axios.CancelToken.source();
axios.post(url, postData, {
cancelToken: source.token
})
.then((response)=>{
return response && response.data.payload);
})
.catch((error)=>{
return error;
});
Ivan
Sm•ok
Я нашел ток это
🦜
стремно же выглядит
Sm•ok
стремно же выглядит
Я крч думал где-то хранить в 1 месте все эти cancel token (класс обертка над axios) и там все это дело разруливать
🦜
зачем тебе хранить в каком-то классе их?
🦜
ты можешь в самом компонент создать, откуда вызываешь функцию
Sm•ok
ты можешь в самом компонент создать, откуда вызываешь функцию
Было бы просто. someAxiosWrap.get('url', params)
при надобности передавать туда, что старый запрос должен быть отменен
Sm•ok
Если вызовется еще один до завершения прошлого
🦜
Если вызовется еще один до завершения прошлого
axios.post(url, postData, {
cancelToken: source.token
})
🦜
передавай
Sm•ok
в методах проверять мол
if(someCondition) {
this.cancelTokens = {
...this.cancelTokens,
url: newCancelToken
}
}
Sm•ok
записываем cancelToken старого таким образом
V◌┗⢎ℍıK
Обязан ли компонент рендерить свои children как есть или не считается плохим тоном производить над этим массивоподобным объектом какие-то операции вроде того, чтобы например сначала обернуть каждый элемент во враппер?
Sm•ok
В state хранить JSX ?
🦜
Eugene
норм же
Cenator 🐈
Обязан ли компонент рендерить свои children как есть или не считается плохим тоном производить над этим массивоподобным объектом какие-то операции вроде того, чтобы например сначала обернуть каждый элемент во враппер?
Обычно в либах используется, для бизнес логики вряд ли нужно
Eugene
<div>{children}</div>
Eugene
чот не понятно, что имеется ввиду лол
Vladimir
Обязан ли компонент рендерить свои children как есть или не считается плохим тоном производить над этим массивоподобным объектом какие-то операции вроде того, чтобы например сначала обернуть каждый элемент во враппер?
есть функциональность React.Children.map, но это вроде как бэд практис
Igor
React.Children
Igor
есть функциональность React.Children.map, но это вроде как бэд практис
Ну, насчет бэд практис хз
V◌┗⢎ℍıK
React.Children.map(children, child => <div className="wrapper">{child}</div>)
Eugene
жесть 🤔
Cenator 🐈
React.Children.map(children, child => <div className="wrapper">{child}</div>)
<Example
renderChild={child => <Wrapper>{child}</Wrapper>}
>
<Child />
<Child />
</Example>
Eugene
Cenator 🐈
<Example
renderChild={child => <Wrapper>{child}</Wrapper>}
>
<Child />
<Child />
</Example>
React.Children.map(props.children, props.renderChild)
Vadim
Как избежать ререндера инпутов, если onInputChange создается заново из-за нового state?
V◌┗⢎ℍıK
Cenator 🐈
Ну мне вряд ли так надо
Ну то что ты предложил довольно неочевидно выглядит, я бы не делал так
artalar
artalar
Vadim
artalar
какие нативные формы?
https://github.com/artalar/react-faster-form-example/blob/master/src/FormSimple.js
artalar
Вместо this.values можно использовать useRef