более общий механизм
react-final-form
У нас свой собственный движок форм.
Ivan
🦜
👌
Anonymous
@loahn храни не в локальном хранилище, в сессионном например, или сделай отдельный класс, который будет хранить это состояние в оперативной памяти
Ivan
@loahn храни не в локальном хранилище, в сессионном например, или сделай отдельный класс, который будет хранить это состояние в оперативной памяти
Это относится только к форме, а задача сделать так, чтобы она относилась ко всем компонентам в той ноде, где происходит маунт
Anonymous
@loahn и при возврате смотри - если есть предварительно сохраненные данные, то можно сделать патч формы и все
Ivan
Думаю, что это просто невозможно...
Anonymous
@loahn и нет в приложении никакого хранилища?
Anonymous
@loahn и нет моделей данных? как данные передаются по иерархии такой ветки компонентов?
Ivan
@loahn и нет в приложении никакого хранилища?
Мы используем редакс-рематч, но форма с ним связана через эффект.
Ivan
В форме используется контекст
Ivan
А в модалке ничего потомкам не передается - он тупо отображает
Mikhail
а есть какие-то более-менее стандартные методы для ослеживания, что что-то еще грузится на странице? т.е. я хочу показывать один лоадер где-то наверху страницы пока все компоненты не загрузят все нужные им данные
D
народ иметь payload в экшене ошибки норм?
D
типа
return next({
...rest,
type: ${rest.type}_FAILURE,
errorMessage: null,
error: null,
payload: image
});
Anonymous
@loahn я запутался, у тебя есть стек модалок, и при закрытии одной нужно восстановить предыдущую из стека с нужным состоянием?
🦜
Mikhail
типа
return next({
...rest,
type: ${rest.type}_FAILURE,
errorMessage: null,
error: null,
payload: image
});
если это идет в стор редакса, то иметь там картинки немножко не норм
Max
кто то оптимизировал реакт аппу под IE 11?
Ivan
@loahn я запутался, у тебя есть стек модалок, и при закрытии одной нужно восстановить предыдущую из стека с нужным состоянием?
Да, в этом листе есть стейты только модалок, а того что они отображают нет.
Max
что бы работало быстрее
Max
и что там главное
Max
если сравнивать с хромом
🦜
что бы работало быстрее
с таким количество полифилов, которые нужны ишаку, он будет только медлено работать
Anonymous
@loahn и нужно связать экземпляр модального окна в стеке с теми данными, которые должны быть внутри него?
Mikhail
https://github.com/rstacruz/nprogress
прогресс я и сам могу нарисовать, меня больше интересует как его контролировать
Sergey
а есть какие-то более-менее стандартные методы для ослеживания, что что-то еще грузится на странице? т.е. я хочу показывать один лоадер где-то наверху страницы пока все компоненты не загрузят все нужные им данные
создать стор, в который пушить все создающиеся реквесты
Sergey
сделать обертку над fetch например
Anonymous
@loahn тогда нужно только выбрать, где хранить состояние отображаемого контента и завести словарь, который бы связывал айди окошка с айди этих сохраненных данных.
Если модалки в стеке, то можно завести второй стек с состояниями и одновременно толкать в него или доставать значения.
Ivan
@loahn и нужно связать экземпляр модального окна в стеке с теми данными, которые должны быть внутри него?
Я вообще возможно усложняю и решение куда более прозрачное. Вся эта лабуда нужна, чтобы сделать гребаную анимацию через транзишн групп
Mikhail
создать стор, в который пушить все создающиеся реквесты
с внешним стором понятно как делать, но геморно, хочется что-нибудь проще
Sergey
с эффектором это крайне просто делается)
Mikhail
мда?
Андрей
https://habr.com/ru/post/358090/
В этой статье написано везде во всех жизненных циклах не вызывайте this.setState , а где их вызывать то ?
Mikhail
https://habr.com/ru/post/358090/
В этой статье написано везде во всех жизненных циклах не вызывайте this.setState , а где их вызывать то ?
где хочешь - там и вызывай, но помни, что это может привести к ререндеру
Maria
Андрей
Ничего крименального нету что я в конструкторе вызываю метод this.setImages(gallerySliderImages) это для того что бы в стостоянии сразу был нужного формата мне картинки ?this.setImages(gallerySliderImages)
Андрей
Sergey
Sergey
ооп головного мозга?
Андрей
Хах, нет. Да надо вынести
Sergey
установить еслинт https://github.com/atomixinteractions/eslint-config/
Roman
но да, смысл ясен
Sergey
установить еслинт https://github.com/atomixinteractions/eslint-config/
он имеет такие правила на методы
nxtspc
Хай, подскажите как из jsx написать запрос в базу mysql
Sergey
Хай, подскажите как из jsx написать запрос в базу mysql
лол
вам в изучение fetch, и redux/effector
Sergey
jsx это просто синтаксис, из него нельзя делать запросы
Cenator 🐈
Хай, подскажите как из jsx написать запрос в базу mysql
{mysql.get()} если ты на сервере, только юзать синхронные запросы не желательно
nxtspc
Вот и я так думаю) одногруппник херни нагнал
Лёва 🎃
Это решение хорошо на конечных листьях, но если брать всю ветку - то у них происходит unmount и весь стейт сбрасывается.
Конкретизирую задачу - у меня есть модалка с формой, и она должна убираться из ноды, вместо нее вставляется другая модалка, но при нажатии на закрытие, предыдущая модка снова появляется со всеми введеными ранее полями.
Стейта формы для таких случаев не делали и сейчас это сделать не получится никак.
Посмотри на реализацию в react-modal, оно так вроде как умеет делать
Anton
подскажите пожалуйста, у меня стетлес компонент и ему прилетает функция, функция, значение функция берет из локалсторадж,
const MinificationButton = ({ swichSidebar, sidebar }) => {
// Default is open
useEffect(() => {
let item = localStorage.getItem('sidebar')
if ((typeof item === "object")) {
swichSidebar(true)
}
}, [])
Правильно ли использован useEffect или так не делается?
Alexander
Подскажите кто что берет для генерации форм?
Alexander
генерации на основе чего?
а на основе чего можно? Ну я как вижу, описал через json, и получил форму.
rovnyart
подскажите пожалуйста, у меня стетлес компонент и ему прилетает функция, функция, значение функция берет из локалсторадж,
const MinificationButton = ({ swichSidebar, sidebar }) => {
// Default is open
useEffect(() => {
let item = localStorage.getItem('sidebar')
if ((typeof item === "object")) {
swichSidebar(true)
}
}, [])
Правильно ли использован useEffect или так не делается?
eslint не будет ругаться на пустой массив зависимостей? ты добавил в проект новые правила для хуков?
Vadim
eslint не будет ругаться на пустой массив зависимостей? ты добавил в проект новые правила для хуков?
почему он должен ругаться если реально нет зависимостей?
Anton
eslint не будет ругаться на пустой массив зависимостей? ты добавил в проект новые правила для хуков?
Нет не ругается, спрашиваю к тому что можно ли как то оптимизировать ?
Vadim
eslint не будет ругаться на пустой массив зависимостей? ты добавил в проект новые правила для хуков?
а нет, есть swichSidebar
Anton
[] это же следит за все подряд, получается и рендерится от всего подряд, правильно ?
Cenator 🐈
Vadim
Daniil
Olég
формик из коробки умеет выдавать array значений из Field type="text"? Просто value это круто, но нужен еще скрытый параметр к этому value. Ща парсится из name (password__anotherValue__123 -> password: value, anotherValue:123)
Andrei