Size: a a a

React: русскоязычное сообщество

2020 December 24

Р

Руслан in React: русскоязычное сообщество
Андрей Пудов
Ребята, добрый день. В разработке React-приложение. Есть страницы поиска с разными фильтрами. При передачи данных в адресную строку браузера и переходе на страницу - должны применяться фильтры для поиска , отправиться запрос на сервер и от рисовать на странице данные по выбранным фильтрам. Какой может быть подход для реализации этой задачи ?
Перед загрузкой страницы мы смотрим есть параметры после знака '?', если да, то разбираем эту строку , формируем объект с запросом , отправляем запрос методом axios для получения данных ? пока есть такая идея, но такой алгоритм мне кажется сложным , особенно этап разбить строку и сформировать из нее объект для запроса axios. подскажите пожалуйста есть более элегантное  решение этого кейса или похожие примеры, где можно что-то подсмотреть ? заранее спасибо.
const queryString = window.location.search
const URLParams = new URLSearchParams(queryString)
const moodId = URLParams.get("moodId")
const typeId = URLParams.get("typeId")
источник

MU

Michael Uskov in React: русскоязычное сообщество
Vlad
у фетча под капотом xhr
нет:) fetch - это WebAPI, которое предоставляет браузер. и замена axios на fetch-обертку- по сути шило на мыло
источник

MU

Michael Uskov in React: русскоязычное сообщество
axios как раз и выстрелил, потому что внутри понимает, умеет ли браузер в fetch, и дает тебе унифицированное АПИ
источник

И

Игорь in React: русскоязычное сообщество
Michael Uskov
нет:) fetch - это WebAPI, которое предоставляет браузер. и замена axios на fetch-обертку- по сути шило на мыло
Ну вот на mdn указаны три отличия от jq ajax   и как то я не вижу упоминания веб апи
источник

MU

Michael Uskov in React: русскоязычное сообщество
Игорь
Ну вот на mdn указаны три отличия от jq ajax   и как то я не вижу упоминания веб апи
Открой консоль на пустой странице в хроме и напиши там fetch. И он там будет. Значит это браузерное API
источник

V

Vlad in React: русскоязычное сообщество
Michael Uskov
нет:) fetch - это WebAPI, которое предоставляет браузер. и замена axios на fetch-обертку- по сути шило на мыло
Axios и fetch под капотом имет xhr
источник

V

Vlad in React: русскоязычное сообщество
Это все одна замена шила на мыло
источник

V

Vlad in React: русскоязычное сообщество
Камон
источник

MU

Michael Uskov in React: русскоязычное сообщество
Vlad
Axios и fetch под капотом имет xhr
нет:) загляни в код chrome
источник

И

Игорь in React: русскоязычное сообщество
Michael Uskov
нет:) загляни в код chrome
может не туда читал, но все это привело меня к
https://github.com/sindresorhus/ky
про fetch ничего не смог толкового вычитать, за исключением того ,что весит 0 ) ky-7кб
источник

MU

Michael Uskov in React: русскоязычное сообщество
конечно он 0 весит, ведь имплементирует его браузер:)
источник

MU

Michael Uskov in React: русскоязычное сообщество
кроме случаев, когда ты специально подключаешь полифилл фетча, чтобы все работало в браузерах, которые нативно его не поддерживают (ие11)
источник

AB

Azat Belgibayev in React: русскоязычное сообщество
Игорь
может не туда читал, но все это привело меня к
https://github.com/sindresorhus/ky
про fetch ничего не смог толкового вычитать, за исключением того ,что весит 0 ) ky-7кб
fetch ничего не весит, но плох тем, что имеет очень скудное апи
Я и сам использую ky последние полгода, так как она реализует апи axios с использованием fetch
источник

И

Игорь in React: русскоязычное сообщество
По-моему мы отошли от сути. То что он не весит - понятно , я сравнивал с ky для примера ничтожности размера. 7кб в ненешних реалиях это слезы.
Никто так и не дал точного и ясного ответа что у фетча и аксиоса внутри
источник
2020 December 25

AB

Azat Belgibayev in React: русскоязычное сообщество
Игорь
По-моему мы отошли от сути. То что он не весит - понятно , я сравнивал с ky для примера ничтожности размера. 7кб в ненешних реалиях это слезы.
Никто так и не дал точного и ясного ответа что у фетча и аксиоса внутри
Если ты сравниваешь не вес и удобство, а имплементацию, то правильнее будет сравнивать fetch и XMLHTTPREQUEST
источник

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in React: русскоязычное сообщество
Ребят, сори за такой вопрос, но у меня перестали работать картинки в стилях реакта.

То есть, делать фоновые изображения как раньше не получается. index.css
background-image: url('../img/bg.png')

Пробую по всякому, но не пашет.

Обычный create-react-app
источник

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
А в Network-е 404?
источник

MU

Michael Uskov in React: русскоязычное сообщество
Игорь
По-моему мы отошли от сути. То что он не весит - понятно , я сравнивал с ky для примера ничтожности размера. 7кб в ненешних реалиях это слезы.
Никто так и не дал точного и ясного ответа что у фетча и аксиоса внутри
Я прямо сказал ведь, что у фетча "внутри"
источник

MU

Michael Uskov in React: русскоязычное сообщество
Фетч реализован прямо в браузере
источник

MU

Michael Uskov in React: русскоязычное сообщество
В его нативном коде
источник