пора домой :)

Помогите пжлст понять, где ошибка в чекбоксе. При первом клике на чекбокс, он не меняет значение в стейте. Хотя стили меняются и значение в бд тоже меняется, тк функция запроса срабатывает. Со второго клика он начинает менять стейт, но уже идет разночтение с бд. Где может быть ошибка? const Component = ({ settings, toggleSettings }) => { const [formData, setFormData] = useState({ status: settings.active }); useEffect(() => { setFormData({ status: !settings ? false : settings.active }); }, []); const { status } = formData; return ( <div className="checkbox-item active-status"> <input type="checkbox" id="status" name="status" checked={status} value={status} onChange={e => {setFormData({ ...formData, status: !status }); toggleSettings();}} /> <label htmlFor="status"> {settings.active ? 'Active' : 'Disabled'} </label> </div>);

зачем ты вообще стейт используешь если у тебя пропсы этим манипулируют и так

есть ли какая разница между onDelete={handleDelete(chip)} и onDelete={() => handleDelete(chip)} я сейчас не про handle, а именно запись в пропсе компонента

оно ведь и так и так будет перерисовывать потомков

есть ли какая разница между onDelete={handleDelete(chip)} и onDelete={() => handleDelete(chip)} я сейчас не про handle, а именно запись в пропсе компонента

нет разницы

в обоих случаях новая функция создается

ок, спасибо

а как обойти ?

нет разницы

так в первом случае же вызов будет, а во втором ссылка, разве нет разницы?)

есть ли какая разница между onDelete={handleDelete(chip)} и onDelete={() => handleDelete(chip)} я сейчас не про handle, а именно запись в пропсе компонента

если имплементация handleDelete неизенна, то разница все же есть

а как обойти ?

useCallback

если имплементация handleDelete неизенна, то разница все же есть

я сейчас не об этом

так в первом случае же вызов будет, а во втором ссылка, разве нет разницы?)

подразумевается, что hadleDelete будет создавать функцию

D-cErGSUcAAWI_M.jpg_large

Optional chaining stage #3

внутри cpu-heavy цикла не отрабатывает setState - окно просто висит. Что делать? Запускать в воркере? Есть какая-нибудь обвязка в реакате, а то вся эта пляска с отдельными файлами как-то шибко убого выглядит

D-cErGSUcAAWI_M.jpg_large

Не надо так писать

Как и все эти тупняки с приведением типов

Ребят подскажите пожалуйста react-router берет данные для своей работы из window.location?

Народ всем хай, хелпуйте, мне надо что при & :hover появлялся определенный компонент только для этого класса, на который ховер, как реализовать?

кто-нибудь знает в lodash функцию обратную difference?

кто-нибудь знает в lodash функцию обратную difference?

ecnereffid?

Но я не уверен, есть ли такая

ecnereffid?

👍

есть 2 массива и если в двух есть одинаковый элемент, то вернуть true

new Set(arr1).size === new Set(arr2).size

Ой не

Optional chaining stage #3

помню в пхп был оператор @, ты мог обраться по несуществубющему ключу и ошибки не было, а учитывая как все считают пхпшников говно кодерами, даже для них зашквар использовать @, но видимо в js - это не зашквар 🙂

Надо их собрать вместе, и сравнить размер после new Set

Либо сделать обьекты (или Map), пройтись по ключам одного и проверить наличие во втором

Надо их собрать вместе, и сравнить размер после new Set

изящно

помню в пхп был оператор @, ты мог обраться по несуществубющему ключу и ошибки не было, а учитывая как все считают пхпшников говно кодерами, даже для них зашквар использовать @, но видимо в js - это не зашквар 🙂

этот оператор называли stfu-operator

помню в пхп был оператор @, ты мог обраться по несуществубющему ключу и ошибки не было, а учитывая как все считают пхпшников говно кодерами, даже для них зашквар использовать @, но видимо в js - это не зашквар 🙂

Все пишут о Groove / Swift style

Надо их собрать вместе, и сравнить размер после new Set

Хотя нет, этот вариант не прокатит Если в одном из массивов есть несколько одинаковых элементов, будет неправильно работать)

Какнаписать в реакт, чтобы стиль был border bottom width?

Какнаписать в реакт, чтобы стиль был border bottom width?

https://reactjs.org/docs/faq-styling.html

есть у кого опыт в создании serverless SSR? Cloudflare workers интересует. С какими сложностями столкнулись?

есть 2 массива и если в двух есть одинаковый элемент, то вернуть true

Вот накидал варианты)

Вот накидал варианты)

Попробуй ab = […a,…b] return new Set(ab).size === ab.length

Я, правда, не знаю что быстрее: два спреда или конкат

Вот накидал варианты)

если разброс чисел не сильно огромный и числа всегда интовые, можно за линейку отработать

Я, правда, не знаю что быстрее: два спреда или конкат

Или ab = a.slice(0), a.push(…b)

Попробуй ab = […a,…b] return new Set(ab).size === ab.length

Оно не работает

Вообще пример на числах так себе, лучше объектики повставлять

Оно не работает

пчму?

Попробуй ab = […a,…b] return new Set(ab).size === ab.length

Я так сначала и хотел сделать, но потом понял что если в одном массиве одинаковые элементы, то оно вернет true, даже если во втором массиве их нет

Вообще пример на числах так себе, лучше объектики повставлять

Ну или что там в постановке задачи было...

Я так сначала и хотел сделать, но потом понял что если в одном массиве одинаковые элементы, то оно вернет true, даже если во втором массиве их нет

А это надо уточнять у постановщика задачи)

Вообще пример на числах так себе, лучше объектики повставлять

Ну кстати да, надо знать глубокое сравнение или нет

Ну кстати да, надо знать глубокое сравнение или нет

Могут и просто одинаковые объекты (по ссылке) быть

Могут и просто одинаковые объекты (по ссылке) быть

Ну да

зачем ты вообще стейт используешь если у тебя пропсы этим манипулируют и так

А как в этом случае сделать переключение чекбокса без стейта?

Я, правда, не знаю что быстрее: два спреда или конкат

А давай проверим

А давай проверим

ГУЛЯТЬ ТАК ГУЛЯТЬ

ГУЛЯТЬ ТАК ГУЛЯТЬ

Ну вполне ожидаемо)

Пацаны, у кого есть небольшие проекты на редаксе? Скиньте мне плиз, я их попробую на эффектор для доки переписать

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

Ну вполне ожидаемо)

Привет. А что ты используешь для проверки?

Пацаны, у кого есть небольшие проекты на редаксе? Скиньте мне плиз, я их попробую на эффектор для доки переписать

Сейчас главная проблема в том что нет нормальных свежих проектов на редаксе и хуках (я не нашел). А переписывать коннекты - слишком большой диф будет. В общем бери только код с хуками

Привет. А что ты используешь для проверки?

jsbench.me

jsbench.me

Спс!

Сейчас главная проблема в том что нет нормальных свежих проектов на редаксе и хуках (я не нашел). А переписывать коннекты - слишком большой диф будет. В общем бери только код с хуками

такого не бачу пока)

Но надо учесть что эта штука у тебя на клиенте это выполняет, с разных браузеров и устройств будут разные результаты

Спс!

.

такого не бачу пока)

Проект с 30+к строк пойдет?

Мне полезно будет если перепишешь на эффектор xDDDDDDD

Проект с 30+к строк пойдет?

)

Мне полезно будет если перепишешь на эффектор xDDDDDDD

))

))

pr welcome, как грится))))

Только он приватный к сожалению)

Ну ниче, устроим тебя как-нибудь

за 300к в наносекунду

Сейчас бы желательно пример с async экшенами

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

Вот накидал варианты)

ого, благодарю)

ого, благодарю)

Только так и не понятно какого вида у тебя элементы в массивах)

И могут ли повторяться внутри одного массива

И могут ли повторяться внутри одного массива

я уже разобрался, спасибо)

у кого-нибудь есть пример, как снять фокус(выделение) с инпута по нажатию ESC например