Size: a a a

React — русскоговорящее сообщество

2021 April 23

ВБ

Вова Белый in React — русскоговорящее сообщество
Пытаюсь протестировать поп-ап в котором есть форма (без любых сайд эффектов)

Я делаю:
let component;
 const boardTaskModal = {
   close: jest.fn(),
   columnId: 0,
 };
 beforeAll(() => {
   component = mount(
     <I18nProvider>
       <BoardTaskModal {...boardTaskModal} />
     </I18nProvider>
   );
 });
На что мне выдаёт:
console.error
   Warning: An update to BoardTaskModal inside a test was not wrapped in act(...).
   
   When testing, code that causes React state updates should be wrapped into act(...):

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

M

Merry in React — русскоговорящее сообщество
я правильно понимаю, что ui kit это набор компонентов, которые используются в приложении повсеместно (e.g. кнопки, инпуты)?
источник

A

Alexander in React — русскоговорящее сообщество
+
источник

ВБ

Вова Белый in React — русскоговорящее сообщество
Гуглил пол часа и только ща решил, оказалось проблема не в акте, а в том что после теста мне надо было компонент анмаунтить
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Да. Только не везде он правильно отделен.
Все эти компоненты должны быть "тупые" - не завязанные на релизацию вашего приложения или ваш глобальный стейт, а имеют только локальное состояние. Если взять грубо, то все эти компоненты потенциально можно завернуть в пакет и выкинуть в реджестри как ui kit (как муи или антд или реакит etc)
источник

M

Merry in React — русскоговорящее сообщество
ага, понял. спасибо!
источник

mz

mohsin zaidi in React — русскоговорящее сообщество
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
https://github.com/feature-sliced/wiki

Можете почитать про методологию организации кода во фронтенд приложениях (она в работе, те не завершена). Там в том числе описан  подход с ui компонентами
источник

СА

Сулейман Алиев... in React — русскоговорящее сообщество
Камрады подскажиет плз, если я создаю компонент внутри другого, нормально его в useCallback оборачивать или вообще лажа какая-то?
источник

M

Merry in React — русскоговорящее сообщество
круто, спасибо большое)
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
лажа какаято. Зачем создавать компонент внутри другого?
источник

СА

Сулейман Алиев... in React — русскоговорящее сообщество
Например мне надо прорендерить список внутри компонента, чтоб не создавать функцию создаю компонент и оборачиваю в юзеколбэк
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
кодом плиз
источник

GP

Gleb P. in React — русскоговорящее сообщество
useMemo
источник

@

@xtx in React — русскоговорящее сообщество
это не метод функции, это метод класса
источник

M

Merry in React — русскоговорящее сообщество
Подскажите, а каким образом делаются библиотеки по типу react-tabs или тех же юи китов, где у нас есть внутренние компоненты, связанные с родитем, но без пропсов. Видел вчера похожую реализацию, но через контекст. Стало интересно, может есть какой-то более удобный подход. Если все же есть, где можно прочитать про него?
источник

M

Merry in React — русскоговорящее сообщество
Или лучший способ это лезть в исходники и самому разбираться?)
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
это всегда верно
источник

A

Alexander in React — русскоговорящее сообщество
Чайлды
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
контекст или клонирование чилдренов
источник