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

Делать презентации с живыми примерами из кода

Делать презентации с живыми примерами из кода

огонь

Вот что попроще, но тоже код для интерактива вставлять можно https://github.com/molefrog/presa

Хотя я пока не то не другое не пробовал ?

Хотя я пока не то не другое не пробовал ?

я 95% новостей из твиттера не пробую )) ставлю лайк в надежде когда-нибудь вернуться к тому, что понравилось

я 95% новостей из твиттера не пробую )) ставлю лайк в надежде когда-нибудь вернуться к тому, что понравилось

Есть такое =(

Вот что попроще, но тоже код для интерактива вставлять можно https://github.com/molefrog/presa

ну вот почему не заливают на gp

надо ставить локально и запускать демо

https://legacy.gitbook.com/book/maxfarseer/react-course-ru-v2/details

Вроде доступно написано))) Даже такой тупица как я понимаю))

ну вот почему не заливают на gp

Согласен. Вот тут посмотреть можно https://github.com/molefrog/stateful-animations

Вроде доступно написано))) Даже такой тупица как я понимаю))

Спасибо. Оно проверено временем уже. Redux в процессе переписывания .

Спасибо. Оно проверено временем уже. Redux в процессе переписывания .

У тебя там две версии реакта, в2 актуальна?

У тебя там две версии реакта, в2 актуальна?

да, я ее же и скинул сразу.

JS new Date(Date.UTC(1957, 0, 1, 0, 0, 0)); выдает дату 1957-01-01T00:00:00.000Z в UTC а как сделать UTC +2?

да, я ее же и скинул сразу.

Сенкс еще раз

Привет, кто знает, есть тулза какая-то для поиска мертвого кода? нужно найти все неиспользуемые js модули, после рефакторинга осталась пачка, как бы это дело автоматизировать, не подскажите? Спасибо

https://www.npmjs.com/package/madge граф показывает

можно попробовать через него понять

можно попробовать через него понять

понять становится сложно, если у тебя больше 50 файлов

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

И алиасы вебпака не счиатет

ща сконвертил. что-то мало показывает

делай debounce или throttle, в зависимости от того, что там нужно, наверное тут throttle

можно поподробнее, что за throttle?

можно поподробнее, что за throttle?

загугли debounce и throlttle. Думаю первая ссылка ответит

ща сконвертил. что-то мало показывает

Ну на вид тут все используется, да, ничего нет отдельного

Ну на вид тут все используется, да, ничего нет отдельного

ну у меня как минимум 223 модуля используется

а. это из-за алиасов

https://www.npmjs.com/package/madge граф показывает

хм, спасибо

https://drive.google.com/file/d/1Cf0Y4tgj3b84tCzrn-2OdYGU7a9Qf9Lr/view

нагенерило мне такое

ад конечно

но видно, если никуда не импортится

https://drive.google.com/file/d/1Cf0Y4tgj3b84tCzrn-2OdYGU7a9Qf9Lr/view

размыто все

да, я для общего представления скрин сделал

Можно попробовать самому получить madge instance и програмно обработать, как вариант

без генерации свг

и еще The image produced by madge is very hard to read, what's wrong? для больших картинок

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

загугли debounce и throlttle. Думаю первая ссылка ответит

сделал по другому, вызываю 1 обработчик и сохраняю в this.width, this.originalWidth

и по таймеру 1 раз обновляю стейт

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

Это да. но с другой стороны навык рассматривать проект в комплексе, вычислять некорректные связи, можно рассматривать как инвестицию )) Потом пригодится

Добрый день! Если мне необходимо по клику вызвать сразу 2 action, то каким образом это правильно сделать ? (redux)

Добрый день! Если мне необходимо по клику вызвать сразу 2 action, то каким образом это правильно сделать ? (redux)

Засунь вызов второго экшина в логику первого

Добрый день! Если мне необходимо по клику вызвать сразу 2 action, то каким образом это правильно сделать ? (redux)

dispatch двух action или один в другом, в зависимости от ситуации

dispatch двух action или один в другом, в зависимости от ситуации

Если не хочется смешивать логику 2х action, то диспатчить по порядку ? Но что если они асинхронные ?

Ну значит они связаны друг с другом

Либо по флагу в state каком-ниубдь делать загрузку. Но лучше просто поместить его в callback

Есть ли какая-нибудь статья по тестированию саги кроме доков, там не очень понятно?

Либо по флагу в state каком-ниубдь делать загрузку. Но лучше просто поместить его в callback

А что если хранить эти данные в 1 reducer ? И по type из action сразу выполнять 2 необходимых действия

reducer меняет state, а не выполняет action

reducer меняет state, а не выполняет action

Я понимаю, но что если если к нам пришел action после которого нужно было выполнить другой, мы просто вынесем логику 1 и 2 reducer в один reducer

А что если хранить эти данные в 1 reducer ? И по type из action сразу выполнять 2 необходимых действия

не читал диалога всего, но по одному типу хоть 10 редьюсеров могут отработать

А что если хранить эти данные в 1 reducer ? И по type из action сразу выполнять 2 необходимых действия

так как экшен пролетает через все редьюсеры

не читал диалога всего, но по одному типу хоть 10 редьюсеров могут отработать

Я не подумал об этом, спасибо

так как экшен пролетает через все редьюсеры

Спасибо, сразу не дошло

Хало, может кто подскажет. Как лучше пропихнуть в ребенка пропсы: с помощью контекста или мапить детей и клонить их с новыми пропсами. Какие плюсы/минусы?

если сильно глубоко надо запихнуть бери какойто стор

Хало, может кто подскажет. Как лучше пропихнуть в ребенка пропсы: с помощью контекста или мапить детей и клонить их с новыми пропсами. Какие плюсы/минусы?

есть еще один вариант: пропихнуть ребенка вместе с его пропсами

Что ты имеешь ввиду?

Что ты имеешь ввиду?

<Parent child={<Child prop={data}/>}>

Так мне надо чтобы <Parent/> внутри себя пропихнул. То что не видно "пользователю" компонента.

По сути это простой кейс, там глубоко не будет уходить это все

Так мне надо чтобы <Parent/> внутри себя пропихнул. То что не видно "пользователю" компонента.

передавать ссылку и пропсы для него

ERROR: S client not available

Ссылку и пропсы? Ты о чем?

Хотя, короч, забейте, там может быть и ниже они понадобятся. Буду юзать контекст.

потом const { component: Component } = this.props

передаешь компонент в пропсы как выше ток ссылкой

Есть ли способы вызвать функцию дочернего компонента из родительского?

Шо за функция тебе нужна?

Ты можешь получить через ref инстанс класса и вызвать его метод. Но такое практически никогда не нужно...

Есть компонент, внутри которого есть функция, которая запускается при условии ресайза и скролла. Но так же её нужно запускать когда передаю туда в пропс новые items.

Вот как вызвать её при попадании новых items я хз

с новым getderivedstatefromprops я хз как это сделать

componentDidUpdate

с новым getderivedstatefromprops я хз как это сделать

Его вообще не трож

Он тебе вообще тут не нужон

Да и вообще он практически никогда не нужон

да не нужен, так как в нём я немогу обратиться к this

вот в componentWillUpdate мог

Но он deprecated

componentDidUpdate

А в нём, я могу запустить лишние перерендеры

Какие лишние?

У меня прилетели новые пропс, в componentDidUpdate я запустил функцию нужную, однако в ней происходит измненение state

Соответсвенно запустится новый рендер и опять запустится componentDidUpdate. И так по кругу

Да, а как ты хотел достать размер компонента до внесения изменений в ДОМ?)

И внутри componentDidUpdate сравнивать мне не с чем

Либо сравнивай пропсы, как там тебе нужно

Либо key юзай

Тебе надо реагировать только на items, так вот и сравнивай что изменились они

length чекнул: опа, епта, элементов стало больше или меньше, пора сказать что размер поменялся - все просто

с чем сравнивать то?) (внутри componentDidUpdate)

А если длина одинаковая?)

До и после)

У тебя есть this.props и prevProps

Но содержимое разное