ну да

тогда ок, но я бы сделал if (cond) { return; } ...

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

Но тогда первый раз лишний сработает?

function onChangeDeps(callback, deps) { const isFirst = React.useRef(true) React.useEffect(() => { if (isFirst.current) { isFirst.current = false return } callback() }, deps) }

Ой, слушайте, а я же на каждый рендер сторадж читаю

Ты шо тролишь?

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

погоди, ты можешь вторым аргументом в useState передать колбек

погоди, ты можешь вторым аргументом в useState передать колбек

и первым аргументом тоже)

и не париться

погоди, ты можешь вторым аргументом в useState передать колбек

О, вот об этом я и спрашивал, спасибо

погоди, ты можешь вторым аргументом в useState передать колбек

Не калбек же

Калбек, но не как второй

Рофлите? callback, [value]

погоди, ты можешь вторым аргументом в useState передать колбек

В тайпингах вижу, в доке не нашел =/

В тайпингах вижу, в доке не нашел =/

так, все стоп… Какой второй аргумент, нет там его

А кек. Я не то глянул. Я посмотрел скрин арталара)

А почему useRef не принимает колбек для инициализации 😭 тупые хуки ...

А почему useRef не принимает колбек для инициализации 😭 тупые хуки ...

Дык сделай свой хук)

function onChangeDeps(callback, deps) { const isFirst = React.useRef(true) React.useEffect(() => { if (isFirst.current) { isFirst.current = false return } callback() }, deps) }

пора паблишить пакет))))

Рофлите? callback, [value]

https://reactjs.org/docs/hooks-faq.html#how-to-create-expensive-objects-lazily мы же об одном и том же ?

пора паблишить пакет))))

Ну, возможно. У меня около 15 хуков общего назначения в проекте.

https://reactjs.org/docs/hooks-faq.html#how-to-create-expensive-objects-lazily мы же об одном и том же ?

нет

нет

Что нет

https://reactjs.org/docs/hooks-faq.html#how-to-create-expensive-objects-lazily мы же об одном и том же ?

Да там юс эффект был

Что нет

Это колбек на инициализацию, а не на реакцию

нет

https://ru.reactjs.org/docs/hooks-reference.html#lazy-initial-state

Ой, слушайте, а я же на каждый рендер сторадж читаю

Ты тут про стейт

Ты тут про стейт

Нет, я тут про реф

ну а как тебе надо?) Ты в стейт инициализируешь один раз твои данные из локалсторейджа и при последующих рендерах у тебя не будет заново оттуда читаться

https://ru.reactjs.org/docs/hooks-reference.html#lazy-initial-state

это про инициализацию

🤔

Ой, слушайте, а я же на каждый рендер сторадж читаю

я к этому

я к этому

https://t.me/react_js/732275

похоже всетаки нужен свой хук)

у меня еще вопрос, для чего ты используешь useRef? Почему именно рефы? В чем профит?

return еще…

у меня еще вопрос, для чего ты используешь useRef? Почему именно рефы? В чем профит?

А как иначе?

useState(() => {})

чет сложно

useState(() => {})

Перепишите без рефа function useStateReactive (initializer, reaction) { const isMounted = React.useRef(false) const stateLast = React.useRef() if (!isMounted.current) { isMounted.current = true stateLast.current = typeof initializer === 'function' ? initializer() : initializer } const [state, update] = React.useState(stateLast.current) React.useEffect(() => { if (stateLast.current === state) return reaction(stateLast.current = state) }) return [state, update] }

я не знаю в чем заключается кейс

чет сложно

Менеджить любой стейт с хуками это немноженько боль

я не знаю в чем заключается кейс

После изменения состояния вызвать колбек. Достаточно микроскопическая задача

После изменения состояния вызвать колбек. Достаточно микроскопическая задача

const useStateWithCallback = (initialState, callback) => { const [state, setState] = useState(initialState); useEffect(() => callback(state), [state, callback]); return [state, setState]; };

на правах копипасты

https://github.com/the-road-to-learn-react/use-state-with-callback/blob/master/src/index.js

const useStateWithCallback = (initialState, callback) => { const [state, setState] = useState(initialState); useEffect(() => callback(state), [state, callback]); return [state, setState]; };

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

Люди, если у меня в json есть массив Events, из-за этого могут быть проблемы при парсинге? Реакт.

Люди, если у меня в json есть массив Events, из-за этого могут быть проблемы при парсинге? Реакт.

нет

Сяп.

Хотя вот так покороче

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

нагуглил только с использованием рефов)

нормас)

Хотя вот так покороче

+

надо бы подобный хук к себе добавить

ребят а как я могу поделиться проектов в codesandbox?)

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

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

А зачем привязка к дате? Просто массивом храните шаги

Для уникальности, но это не принципиально, так в голову пришло

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

зачем хранить сторы компонента, подразумевается что будет возможность отката изменений?

И отката и возврата, типа тайм травел

И отката и возврата, типа тайм травел

Можно реализовать через стек

а зачем это прям в сторе хранить? сделай просто массив-хранилище снаружи.

Складывать изменения в стек и вытаскивать их при откате

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

Redux есть?

А если найду?

Есть, immutable

а зачем это прям в сторе хранить? сделай просто массив-хранилище снаружи.

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

Какая разница где хранить

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

удобнее-то удобнее, только перфоманс сильно просядет в случае большого размера объектов

удобнее-то удобнее, только перфоманс сильно просядет в случае большого размера объектов

Там уже по 100к строк бывает регулярно

Есть, immutable

Redux-undo

Redux-undo

Спс посмотрю Не пропустят, не поддерживается, последний релиз 2017

Спс посмотрю Не пропустят, не поддерживается, последний релиз 2017

Сделай локальный стор и складывай изменения в стек

А то что нужно шарить между компонентами отдавай в Редакс стор

гайз, привет кто работал с react-slick?

сразу вопрос задавай

Люди, а как-то можно избежать этой гадости, когда реакт сам рендерит без спросу? Ну типа появился объект, отрендерили. Нет объекта и ничего делать не надо.