Возник тупой вопрос. Юзал до этого MobX, с редаксом плотно

не работал, а теперь он нужен по работе. Проблема в следующем, есть довольно большой компонент - много элементов которые можно редактировать. С MobX'ом можно точечно выделять элементы в компоненты и при обновлении стэйта будут перерендериваться только эти маленькие конкретные компоненты
Вот с редаксом возник вопрос как это делать, простое разбиение на компоненты не работает - перерендеривается вообще всё целиком и перформанс отвратительный, есть заметные глазу подвисания! Ничего путного не нагуглил, можете чекнуть что делаю не так?
https://codesandbox.io/s/redux-components-sample-3r94n?file=/src/App.js
В примере нужно сделать так, чтобы при изменении первого инпута второй не перерендеривался

А там какой рендер? Обновление дом или https://t.me/react_js/1149988 Но вообще я не знаю, наверное, редаксеры проснутся и ответят)

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

Вообще я нуб, только учу. Возможно, стоит повторить вопрос утром/днём по Москве. Но видел такое сообщение https://t.me/react_js/1150647

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

Не понял что ты имеешь ввиду, я там код скинул

а ты не в курсе, что за тема в codesandbox?

В чем проблема посмотреть тему? Все как в vscode

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

А кстати почему там 3 ререндера происходит при изменении инпута? Вот ты нам написал console.log(...), и при каждом изменении 3 раза он срабатывает Вот например аналогичный код на MobX, срабатывает только 1 раз https://codesandbox.io/s/mobx-components-sample-bp301?file=/src/App.js

только не 3 раза, а 2

я не понимаю) стрикт мода нету, что ему не нравится хз

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

Какие есть альтернативы ?

мобх, эффектор

Спасибо!

☄️

контекст

а как снизу вверх передавать данные?))

кидаешь вниз функцию, которая прокинет вверх данные

а как она поймет, куда кидать?

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

ну как функцию напишешь, так она и работать будет 🤷🏻‍♀️

А есть помимо доки бест практики для эффектора? Типа структуры файлов, сторов и т.д.

Талант объяснять))

да там же в доке и есть

https://effector.dev/docs/conventions/best-practices

?

++

ну есть у тебя контекст, в нем лежит значение useState\useReducer, ты кидаешь в низ функцию, которая меняет этот стейт. Как эта функция поймет, что ей менять?

Спс. Чёт на гитхабе не туда смотрел

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

Из разряда консюмер от провайдера недалеко падает)

Пасиба, посмотрю