А что за ReactComponent, где про него прочитать? Или это только для свг мини фича?

Это фича CRA , что б иконки прям в бандл падали

https://github.com/smooth-code/svgr

https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/package.json#L32 Я думал они сами решение навелосипедили

Всем привет) Пожскажите куда глядеть сделал кнопку которая щагружает все фотки на фотохостинг!))))) Работает! Но меня мучает такая вещь ЭЭЭЭЭЭ 1. Слежка за ходом загрузки есть...... проблем нет! реализовал за(onUploadProgress в axios) 2. Но после удачной загрзки компоннет рендерится столько сколько было итераций при загрузке Как сделать так чтоб один раз рендерился?

Во всех обработчиках я использую this.setState

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

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

и не забывай, что при изменении состояния, компонента выше, перерисуются все дочерние

Как лучше всего реализовать вложенные компоненты по типу

<Card><Card.Body>Foo</Card.Body></Card>

как в реакт бустрап

какую либу юзать для редактирования карт на react-leaflet? а то я чет ни одной не вижу особо

Вот обрабочтик input[type=file] onChange = ({ target }) => { let files = Array.from(target.files) let iterator = Promise.resolve(files) for (let i = 0; i < target.files.length; i++) { iterator = iterator .then(_files => Upload(_files.shift(), this.onStart) .then(this.onload_file)//return axios => data, file .then(({ data, file }) => ({ data, file, files: _files })) ) .then(this.upload.success) //render + return _files } }

шО означает "API based frontend advantage"?

шО означает "API based frontend advantage"?

Спроси у того кто это в вакансии написал

и не забывай, что при изменении состояния, компонента выше, перерисуются все дочерние

Я загружаю фото! Идет процесс загрзузки все хорошо! Фотка загрузилось идет вторая тьфуты походу понял))))))))) В промииссах ошибок нет))))))))))) Перерисовывается уже загруженный ребенок просто))))

Спасибо большее чем спасает этот чат что тут щадаешь вопросы и тутже нанего сам ответ походу!!!

Ух лапшичка, прям в компоненте

Но надеюсь разделишь код

Ух лапшичка, прям в компоненте

Вы умеете ввиду onUploadProgress ????????? Ну я нигде не работаю и не профессионал но постараюсь вынести этот метод!

Вы умеете ввиду onUploadProgress ????????? Ну я нигде не работаю и не профессионал но постараюсь вынести этот метод!

Просто одного взгляда достаточно. Очень большая вложенность конструкций. Длинные функции. Куча вложенных then

iterator = iterator.then

Вообще это можно было свернуть в reduce

Предложи другой способ собрать последовательно промиссы???????

Предложи другой способ собрать последовательно промиссы???????

.reduce

for-await)

for-await)

Ну вот да, если императивный код читать проще, вполне

Предложи другой способ собрать последовательно промиссы???????

А почему файлы нужно грузить последовательно?

.reduce

Хорошо попробую( просто два года назад сделал скритп на олх добавлял автоматически голоса)) так тогда работал!)) ия его реализовал через жуткий for а внутри промиссы((((((

А почему файлы нужно грузить последовательно?

а есть другой способ? Паралельно ну я по думаю как нибудь)))

а есть другой способ? Паралельно ну я по думаю как нибудь)))

Promise.all(files.map(upload))

ХОРОШО попробую но помню два года назад использовал все что находили не работало а такой for сработал!!!!!

Добрый день! Подскажите, пожалуйста: имею компонент со следующей функцией рендера. Этот компонент вызывают другие компоненты. Для разных компонентов, вызывающих данный, классы у дивов и других контейнеров в функции render могут отличаться, но обращения к state, props и так далее всегда в одном и том же месте. Какой паттерн лучше использовать, чтобы максимально правильно унифицировать данный компонент?

Добрый день! Подскажите, пожалуйста: имею компонент со следующей функцией рендера. Этот компонент вызывают другие компоненты. Для разных компонентов, вызывающих данный, классы у дивов и других контейнеров в функции render могут отличаться, но обращения к state, props и так далее всегда в одном и том же месте. Какой паттерн лучше использовать, чтобы максимально правильно унифицировать данный компонент?

пиши {this.props.something ? <div>qwe</div> : null}

пиши {this.props.something ? <div>qwe</div> : null}

не очень понимаю, как это поможет в данной ситуации

не очень понимаю, как это поможет в данной ситуации

если пропа будет, будет рендер. иначе не будет.

если пропа будет, будет рендер. иначе не будет.

у меня не стоит задачи решать, будет рендер или нет мне нужно, чтобы компоненты, вызывающие компонент со скриншота, могли определять, как будут выглядеть обертки внутри функции render

да, это решение, лежашее на поверхности) я думал, что может быть есть какое-то более хитроумное решение)

пиши {this.props.something ? <div>qwe</div> : null}

Почему не {this.props.something && <div>qwe</div>} ?

Почему не {this.props.something && <div>qwe</div>} ?

да пофигу, можно и так.

Ребят, я чет не до конца понимаю про styled-components. Если у меня в компоненте например 50 строк css кода, удобно ли будет потом читать этот js код? Это ж надо каждый раз столько перелистывать, например

Ребят, я чет не до конца понимаю про styled-components. Если у меня в компоненте например 50 строк css кода, удобно ли будет потом читать этот js код? Это ж надо каждый раз столько перелистывать, например

кто заставляет все в одном файле держать?

То есть обычно стили в другом js файле хранят?

То есть обычно стили в другом js файле хранят?

Ага

Понял, спасибо

хранят как удобно

Ребят, я чет не до конца понимаю про styled-components. Если у меня в компоненте например 50 строк css кода, удобно ли будет потом читать этот js код? Это ж надо каждый раз столько перелистывать, например

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

Всем привет, кто-нибудь знает хак как можно сделать, чтобы useEffect не реагировал на update ?

Окей, сейчас попробую )

Помогло, спасибо Но есть ещё одна проблема, я в connect при помощи метода find беру при загрузки приложения из массива один объект по его id и есть такой момент, что с сервера может придти изменёный этот же объект и я его просто изменяю уже в reducer, но он не хочет изменяться, видимо из-за того, что там метод find стоит и он срабатывает тольк при инициализации, как такое можно обойти ?

Помогло, спасибо Но есть ещё одна проблема, я в connect при помощи метода find беру при загрузки приложения из массива один объект по его id и есть такой момент, что с сервера может придти изменёный этот же объект и я его просто изменяю уже в reducer, но он не хочет изменяться, видимо из-за того, что там метод find стоит и он срабатывает тольк при инициализации, как такое можно обойти ?

показывай код, но подозреваю что у тебя сразу несколько ошибок: не указал зависимости useEffect и чтото "изменяешь в редьюсере"

показывай код, но подозреваю что у тебя сразу несколько ошибок: не указал зависимости useEffect и чтото "изменяешь в редьюсере"

Мне нужно тригериться на изменения в task

показывай код, но подозреваю что у тебя сразу несколько ошибок: не указал зависимости useEffect и чтото "изменяешь в редьюсере"

показывай код, но подозреваю что у тебя сразу несколько ошибок: не указал зависимости useEffect и чтото "изменяешь в редьюсере"

ну не, find срабатывает всегда при апдейте. покажи редуктор.

ну не, find срабатывает всегда при апдейте. покажи редуктор.

редуктор это шестеренка такая

редуктор это шестеренка такая

я имел в виду редьюсер.

Вышел this week in react 41 Новости от команды разработки React. - Экспериментальное DOM API для политик браузерных типов Trusted Types - React DevTools: добавление props, выделение legacy context И ещё несколько важных новостей смотрите на канале: https://t.me/this_week_in_react

Вышел this week in react 41 Новости от команды разработки React. - Экспериментальное DOM API для политик браузерных типов Trusted Types - React DevTools: добавление props, выделение legacy context И ещё несколько важных новостей смотрите на канале: https://t.me/this_week_in_react

Что означает 41?

Что означает 41?

счёт, порядок, не?

ну не, find срабатывает всегда при апдейте. покажи редуктор.

ты мутируешь стейт, так нельзя

А как лучше сделать ?

Сделай новый. Как минимум сделай deepcopy из лодаша (я видел, ты его используешь).

То есть мне нужно скопировать поле tasks и уже скопированный объект мутировать ?

То есть мне нужно скопировать поле tasks и уже скопированный объект мутировать ?

конечно.

День добрый народ. Помогите горю...

День добрый народ. Помогите горю...

Пш-пш

День добрый народ. Помогите горю...

nometa.xyz

Пытаюсь создать универсальную функцию для работы с передаваемым стейтом в дочерние компоненты. Стейта разного более 10шт. Для обработки создавать отдельную функцию каждому - бредом попахивает. В условиях использование только реакта

Пытаюсь создать универсальную функцию для работы с передаваемым стейтом в дочерние компоненты. Стейта разного более 10шт. Для обработки создавать отдельную функцию каждому - бредом попахивает. В условиях использование только реакта

без редакса?

без. В том то и проблема.

без. В том то и проблема.

а наху зачем?

Как узнаю, так сразу скажу. Мне бы вариант какой придумать... Хоть идею подкиньте.

Как узнаю, так сразу скажу. Мне бы вариант какой придумать... Хоть идею подкиньте.

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

Друзья, помогите мне как мне реализовать пагинацю страниц на react?

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

переместить стейт выше

Как узнаю, так сразу скажу. Мне бы вариант какой придумать... Хоть идею подкиньте.

написать стейт менеджер.

переместить стейт выше

и что измениться?