Size: a a a

2020 December 01

DZ

Dmitry Zherebko in React Kyiv
тогда всё намного проще становится
источник

AR

Alexey Raspopov in React Kyiv
Dmitry Zherebko
вообще фетчинг фетчинг надо выносить с редакса
ma man 🙏
источник

DZ

Dmitry Zherebko in React Kyiv
Dmitry Zherebko
вообще фетчинг фетчинг надо выносить с редакса
выносишь все эти фетчинги, круды, дата маперы и у тебя в стейте остаются просто selectedId и наборы тоглов
источник

С

Сергей in React Kyiv
Alexey Raspopov
в идеали экшны должны описывать произошедшее действие в бизнес логике, таким образом разные редьюсеры могут одновременно реагировать на события в приложении
но с другой стороны и такой подход конечно удобен, что многие редюсеры могут вызваться при определённом экшене
источник

DB

Dima Bildin in React Kyiv
Сергей
но с другой стороны и такой подход конечно удобен, что многие редюсеры могут вызваться при определённом экшене
Если идейно это один экшн, то да, много мест могут на него реагировать. В этом суть ивентов и этого всего.
Если вопрос именно в конфликте имён, то или таки называть по разному, потому что скорей всего они всё же делают разное или генерировать – так тоже делают
источник

С

Сергей in React Kyiv
Dima Bildin
Если идейно это один экшн, то да, много мест могут на него реагировать. В этом суть ивентов и этого всего.
Если вопрос именно в конфликте имён, то или таки называть по разному, потому что скорей всего они всё же делают разное или генерировать – так тоже делают
понятно, спасибо!
источник

SS

Serhey Shmyg in React Kyiv
Dmitry Zherebko
выносишь все эти фетчинги, круды, дата маперы и у тебя в стейте остаются просто selectedId и наборы тоглов
Або нічого не лишається, що ще краще 😉
источник

DZ

Dmitry Zherebko in React Kyiv
ну у всех же такие суперсложные приложения с кучей бизнес логики
источник

DZ

Dmitry Zherebko in React Kyiv
как это писать всё в реакте
источник

SG

Stas G in React Kyiv
Serhey Shmyg
Або нічого не лишається, що ще краще 😉
даже работы
источник
2020 December 02

S

SkyWalker in React Kyiv
Добрый день, пользуюсь jest & enzyme для тестирования компонента.

Использую shallow для теста компонента
const testSquares = shallow(<Squares {...nextProps} />);
и при использовании метода debug в тесте — в консоле отрисовывает компонент.

Проблема в том, что когда я использую render для теста компонента
const testSquares = render(<Squares {...nextProps} />);
, то мне выдает ошибку при debug:
 TypeError: testSquares.debug is not a function

Сам тест:
it('table render', () => {
   expect(testSquares.find('table'));
   console.log(testSquares.debug());
 });
источник

S

Stepan Kudelya in React Kyiv
Всем привет! Помогите пожалуйста! Я делаю свой первый нормальный проект на React. Главная задача - собирать инфу со всех редактируемых блоков: текст , картинки .
И по кнопке save отправлять это все JSON'ом на сервер.

Так вот , как мне нужно хранить эти данные? Я создал условный data.js , где храню просто обьекты под каждый блок. И пытаюсь записывать их туда так:
screensData[appState.currentEditingScreen].backgroundURL = this.state.bgPhotoURL

Но оно работает совсем не нормально, я так понимаю так вообще неьзя делать в реакте . Как я понимаю есть еще способ прокидывать до app.js по пропсам с какждого блока, но это как-то тоже странно мне кажется.

Помогите пожалуйста, как лучше это реализовать?🙏
источник

D

DS in React Kyiv
/feedback@QuanBot
источник

MK

Maksim Kleba in React Kyiv
Stepan Kudelya
Всем привет! Помогите пожалуйста! Я делаю свой первый нормальный проект на React. Главная задача - собирать инфу со всех редактируемых блоков: текст , картинки .
И по кнопке save отправлять это все JSON'ом на сервер.

Так вот , как мне нужно хранить эти данные? Я создал условный data.js , где храню просто обьекты под каждый блок. И пытаюсь записывать их туда так:
screensData[appState.currentEditingScreen].backgroundURL = this.state.bgPhotoURL

Но оно работает совсем не нормально, я так понимаю так вообще неьзя делать в реакте . Как я понимаю есть еще способ прокидывать до app.js по пропсам с какждого блока, но это как-то тоже странно мне кажется.

Помогите пожалуйста, как лучше это реализовать?🙏
используй какой-нибудь стейт менеджмент
источник

OT

Olga Tsyb in React Kyiv
Всем привет. Подскажите как правильно записать?
было так /show/details/${id}, теперь нужно /show/details/ заменить на константу routes.DETAILS
как теперь это записать?
источник

SB

Serhiy Boreyko in React Kyiv
Olga Tsyb
Всем привет. Подскажите как правильно записать?
было так /show/details/${id}, теперь нужно /show/details/ заменить на константу routes.DETAILS
как теперь это записать?
`${routes.DETAILS}${id}`
источник

OT

Olga Tsyb in React Kyiv
Serhiy Boreyko
`${routes.DETAILS}${id}`
спасибо
источник

RS

Rostyslav Siliveistr in React Kyiv
Ребят, привет. Такая беда, юзаю react-hook-form и useWatch хук из него в отдельном шаге формы. Watcher смотрит за полем, которое храниться в виде массива. Когда поле изменяется получаю 6 ререндеров, вместо одного. проблема точно локально в вотчере, без него все гуд. если коряво объяснил или надо ещё что предоставить - только дайте знать)
источник

SS

Serhey Shmyg in React Kyiv
Rostyslav Siliveistr
Ребят, привет. Такая беда, юзаю react-hook-form и useWatch хук из него в отдельном шаге формы. Watcher смотрит за полем, которое храниться в виде массива. Когда поле изменяется получаю 6 ререндеров, вместо одного. проблема точно локально в вотчере, без него все гуд. если коряво объяснил или надо ещё что предоставить - только дайте знать)
Ці 6 рендерів роблять щось погане? Чи просто трігерить бо їх шість :) ?
источник

RS

Rostyslav Siliveistr in React Kyiv
роблять ( майже на секунду сторінка мертва...
источник