это для сложных случаев, которые не разруливаются через @media в css

а если руту?)

А в чём смысл руту? Рут готов гораздо раньше, чем его потомки.

Подскажите, если в state массив то как правильно его изменять. Создавать копию массива в state Или просто получить ссылку, на массив из state, изменять что нужно и потом вызвать setState

копию массива

Но если я буду в старый писать и вызову рендер, то все же срабовтет

SetState

В плане руками

Все что выше тебе написали как раз верно

я конечно все понимаю, но вот фотки монитора я не понимаю)

я конечно все понимаю, но вот фотки монитора я не понимаю)

Нет возможности поставить телеграмм на рабочем компе может

как мне отрендерить что-то, если произошла ошибка? сделал примерно как в доке: class App extends Component { constructor(props) { super(props); this.state = { hasError: false }; } static getDerivedStateFromError(error) { return { hasError: true }; } componentDidCatch(error, info) { console.log(error); console.log(info); debugger // history.push('/sign-in'); } render() { const { hasError } = this.state; if (hasError) { return ( <div>Error!</div> ) } return ( и он рендерит этот див - еррор, но через секунду рендерит обычный стек с ошибкой. что я делаю не так?

Пример бы кода на codesandbox например, подозреваю что там дело в других частях кода

ну код выше - весь, который я добавил. ошибка в одной из функций хелперов.

getItem разве массив тебе вернёт ?

ну код выше - весь, который я добавил. ошибка в одной из функций хелперов.

Все дерево компонентов выше ErrorBoundary видеть бы...

Кто может помочь, с компонентом? Как сделать счётчик зарегистрированных пользователей?

всем привет! есть приложение на реакт js, хочу поддержку wepb изображений, есть ли какие best practice? интересует так же генерация самих webp из jpg/png в связке с реактом, короче поделитесь опытом ;)

как связана генерация изображения и реакт?

всем привет! есть приложение на реакт js, хочу поддержку wepb изображений, есть ли какие best practice? интересует так же генерация самих webp из jpg/png в связке с реактом, короче поделитесь опытом ;)

без понятия, я за советом пришел..) так то

так то логично советы спрашивать в релевантных группах @js_ru

ну тут не может быть best practice пока что - как таковых, так так webp сам по себе еще далеко не best practice для начала вам потребуется - https://www.npmjs.com/package/react-image-webp чтобы банально реагировать на «поддержку»… т.е. будьте готовы поддерживать две реализации - новомодный webp и fallback к общепринятым форматам Вопрос конвертации форматов лежит за переделами каких либо разговоров про React

в puppeteer видел такое, но как понять какой селектор мне нужен... даже если я добавлю айдишник самому хардкорному графику, он может быть вставлен в дом, а сам график ещё не отрисован...

поддержка не сложная <picture> с srcset и src, в реакте тоже не проблема есть куча компонентов, хотел просто узнать местные рецепты ) может через вебпак нужно, или может еще какие варианты..

ну выше я дал ссылку на пакет который в React вам позволит просто использовать webp в случае его поддержки, что касется сборки - то тут полет фантазии открыт, по факту в итоговой сборке у вас должны быть пары для каждого изображения «webp + что-то классическое» если вы хотите прямо в процессе сборки создавать webp - стоит посомотреть плагин для вебпака https://ijs.github.io/webp-webpack-plugin/ по-моему «прям оно» в связке с пакетом предложенным выше.

как мне отрендерить что-то, если произошла ошибка? сделал примерно как в доке: class App extends Component { constructor(props) { super(props); this.state = { hasError: false }; } static getDerivedStateFromError(error) { return { hasError: true }; } componentDidCatch(error, info) { console.log(error); console.log(info); debugger // history.push('/sign-in'); } render() { const { hasError } = this.state; if (hasError) { return ( <div>Error!</div> ) } return ( и он рендерит этот див - еррор, но через секунду рендерит обычный стек с ошибкой. что я делаю не так?

вот бы наоборот

интересное желание 🙂 ну т.е. вы хотите как бы все держать в webp в проекте (что как бы разумно в плане уменьшения его объема, самого проекта) - но при сборке fallback делать до jpg/png ?

У меня вопрос, я вот сейчас думаю какой фрейм-библиотеку изучать т. К. Работал с Ларавел, не зашёл чёт, и вот думаю реакт изучить, может кто долго в этой теме покидайте пж советы, может источники

ну выше я дал ссылку на пакет который в React вам позволит просто использовать webp в случае его поддержки, что касется сборки - то тут полет фантазии открыт, по факту в итоговой сборке у вас должны быть пары для каждого изображения «webp + что-то классическое» если вы хотите прямо в процессе сборки создавать webp - стоит посомотреть плагин для вебпака https://ijs.github.io/webp-webpack-plugin/ по-моему «прям оно» в связке с пакетом предложенным выше.

Перестань изучать пхп

хелп... подскажите хоть, куда копать.

Да

Стек рендерит ток в дев режиме

Стек рендерит ток в дев режиме

Напрягает только то, что этим плагином никто не пользуется вообще)

я конечно все понимаю, но вот фотки монитора я не понимаю)

Во многих крупных компаниях априори заблокированы все выходы на социальные сети что бы работали а не чатились..

Во многих крупных компаниях априори заблокированы все выходы на социальные сети что бы работали а не чатились..

справедливо если так)