Переписать на функции теперь?

а что не так с классами то?

у классов — this.setState и методы жизненного цикла, у функциональных компонентов — хуки. не надо переписывать, документацию уже открой.

да тут не в tabs дело, а в том какие компоненты ты используешь, ты с тем же успехом можешь оставить классовый компонент, но стейт заменить на классовый локальный стейт, ИЛИ переписать на функциональный компонент и использовать хуки

у классов — this.setState и методы жизненного цикла, у функциональных компонентов — хуки. не надо переписывать, документацию уже открой.

Можно ссылку?

Можно ссылку?

reactjs.org

Всем, привет, подскажите пожалуйста в react devtools то, что подсвечивает это элементы, которые перерендериваются?

Да

Да

Если линия голубая - это значит, что для копа это не напряжно перерисовывать? И вообще нормально ли, что так много линий, при нажатии на 1 кнопку?

Если линия голубая - это значит, что для копа это не напряжно перерисовывать? И вообще нормально ли, что так много линий, при нажатии на 1 кнопку?

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

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

Ага, понял, большое спасибо!

ребятам которые уже пользуются хуками, вопрос, сейчас есть useEffect, который заменяет - didmount, didupdate, didunmount. didUpdate будет на автомате срабатывать, когда в доме идет изменения, которые должен на месте же выполнять didUpdate?

и будет срабатывать только тогда когда есть какие-то изменения? Условно ты меняешь тайтл статьи, а на вкладке сразу же меняется на ту, которую прописал

+

в классе мы задаем если нужно обновлять, а в useEffect он сам юзает. Получается useEffect понимает когда обновление надо делать и когда не надо делать?

Он понимает через зависимости в массиве таковых.

Что там перечислено, изменения того будут его дёргать.

У него на скрине cDM() без prevProps или prevState. Непонятно.

Насколько знаю размер локалстоража 4мб. Как узнать сколько там еще осталось места?

Насколько знаю размер локалстоража 4мб. Как узнать сколько там еще осталось места?

ты туда картинки в base64 записывать собрался?

https://www.google.com/search?q=check+localstorage+available+space&ie=utf-8&oe=utf-8&client=firefox-b

в каком месте приложения делать createContext, чтобы он точно вызвался один раз? или это неважно и он новые объекты не будет порождать?

ты туда картинки в base64 записывать собрался?

Большая форма для редактирования

Большая форма для редактирования

на 50-100тыс полей?

на 50-100тыс полей?

Нет. На 1 поле

подскажите, заказчику нужна библиотека компонентов, но приложение состоит из шаблонов руби, реакта и html + jquery, как лучшее ее сделать?

Насколько знаю размер локалстоража 4мб. Как узнать сколько там еще осталось места?

можно попробовать погуглить есть костыль на первых же строчках гуглов

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

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

Все работают. Задавай тут. Кто хочет, тот ответит.

на 50-100тыс полей?

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

Привет, кто только начинает учить react давайте вместе.

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

храни под одним, зачем переименовывать

храни под одним, зачем переименовывать

Ну придумал название получше

Ну придумал название получше

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

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

Что значит разметь?

Что значит разметь?

ключ выбери и в дальнейшем, меняй значения внутри этого ключа только например const lsKey = process.env.APP_NAME; let cached; const resolve = () => { if (!cached) { cached = JSON.parse(localStorage.getItem(lsKey)); } return cached; }; export const ls = { get: (key) => resolve[key], set(key, value) { const updated = { ...resolve(), [key]: value }; localStorage.setItem(lsKey, updated); return updated; } };

какие преимущества Effectora перед Redux ?

какие преимущества Effectora перед Redux ?

атомарность сторов, меньше бойлерплейта, DX хороший удобные вотчеры, методы по работе со сторами и ивентами

(нет тайп-хелла)

DX? ну скажем я использую redux-actions сделал типовые события и генерирую то, что мне нужно передавая просто имя сущности новой и получаю готовые типовые дейсвтия, дальше закидываю их в редьюсеры и готово, покрываю тем самым 90% событий

и никакого тайп хелла

DX? ну скажем я использую redux-actions сделал типовые события и генерирую то, что мне нужно передавая просто имя сущности новой и получаю готовые типовые дейсвтия, дальше закидываю их в редьюсеры и готово, покрываю тем самым 90% событий

pending, done, fail ветки тоже генеришь (там это из коробки)?

и никакого тайп хелла

смотря как хочешь типами покрыть. если минимально, - да

ну не совсем так, примерно как в документации по редукс имею isFetching, и error с data

ну не совсем так, примерно как в документации по редукс имею isFetching, и error с data

https://effector.now.sh/en/api/effector/effect#example

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

Привер, ребятки. Кто-то писал онлайн Домино на реакте когда нить? О чем стоит почитать что бы понимать с чего начинать?

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

странный аргумент какой-то...

хочется знать, использовал ли кто его на серьезных проектах

DX? ну скажем я использую redux-actions сделал типовые события и генерирую то, что мне нужно передавая просто имя сущности новой и получаю готовые типовые дейсвтия, дальше закидываю их в редьюсеры и готово, покрываю тем самым 90% событий

https://gist.github.com/tehSLy/42cea4c0124fd187d2fc4dc1bab85a31

хочется знать, использовал ли кто его на серьезных проектах

1001 раз этот вопрос уже да, использовали, у меня уже 4й проект идет React, React-Native, везде нормально работает

1001 раз этот вопрос уже да, использовали, у меня уже 4й проект идет React, React-Native, везде нормально работает

насчёт SSR только что-то вроде не так. не в курсе?

так насколько большые проекты? чатики, тодоаппы?

какие преимущества Effectora перед Redux ?

Нет гребанного single-store

всем привет. извиняюсь за дурацкий вопрос, но можно ли создать реакт приложен без react app от фейсбука? ну типа отдельно подгрузить бибилотекит реакта из файлов и в частности дополнения типа реакит слик слайдер итд итп?

насчёт SSR только что-то вроде не так. не в курсе?

емнип, там просто примеров нет, как юзать а так лучше спросить у тех, кто юзал с сср)

а в чем проблема с сингл стором?

так насколько большые проекты? чатики, тодоаппы?

лол да, каунтер с кликами делал, все 4 раза

че за глупый вопрос, корпоративные приложения интерфейс для эмбеддед, WMS, RN аппа для кассового обслуживания, CRM

а в чем проблема с сингл стором?

скейл

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

всем привет. извиняюсь за дурацкий вопрос, но можно ли создать реакт приложен без react app от фейсбука? ну типа отдельно подгрузить бибилотекит реакта из файлов и в частности дополнения типа реакит слик слайдер итд итп?

можно))

а в чем проблема с сингл стором?

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

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

Почему тогда вообще стали подглядывать на альтернативу редаксу?

@raven41k настроить сборку через вебпак?

@raven41k настроить сборку через вебпак?

ага

@raven41k можно по-подробнее? ну или как это назыаетсчя чтоб погулгить

@raven41k можно по-подробнее? ну или как это назыаетсчя чтоб погулгить

webpack да, так и гуглится

Почему тогда вообще стали подглядывать на альтернативу редаксу?

просто заметил, что многие упоминают, и стало интересно чем же он хорошо

просто заметил, что многие упоминают, и стало интересно чем же он хорошо

приведенного сниппета недостаточно, чтобы оценить? это тут еще даже не касались вопросов комбинирования сторов, асинхронных событий, ...

приведенного сниппета недостаточно, чтобы оценить? это тут еще даже не касались вопросов комбинирования сторов, асинхронных событий, ...

Вычисляемый стор , у редакса аллергия на него)

приведенного сниппета недостаточно, чтобы оценить? это тут еще даже не касались вопросов комбинирования сторов, асинхронных событий, ...

комбинируешь так сторы, комбинируешь и получаешь сингл стор )

Вычисляемый стор , у редакса аллергия на него)

у него этого в принципе нет)

Вычисляемый стор , у редакса аллергия на него)

ну вычисляемые ивенты, сторы, это вообще киллерфича)

комбинируешь так сторы, комбинируешь и получаешь сингл стор )

не комбинируй так, чтобы получить синглстор )

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

+ делаешь себе computed сторы

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

всем привет) как решить данную проблему?