Сам же через месяц ни черта не поймёшь
Понимаю, поэтому сюда пишу за помощью
Denmuch
Mikhail
ядумал если редакс то стейты не красиво делать
редакс для глобального стейта приложения, никто не запрещает отдельным компонентам иметь свой собственный стейт
Dmitriy
Vova
Denmuch
Лучше вынеси все проверки куда то. Потому что рендерит тебе нужно одно из двух. А значить этим может управлять одно булевое значение
Есть еще третий вариант, когда не нужно ничего рендерить
Denmuch
Лучше вынеси все проверки куда то. Потому что рендерит тебе нужно одно из двух. А значить этим может управлять одно булевое значение
Как тогда в этом случае действовать? Если 3 варианта отображения.
Bogdan
ребят, подскажите про useEffect, я не могу разобраться с ним, через пропсы нельзя прокидывать ему екшен?
Bogdan
а если передать этот екшен ему вторым параметром то не ругается
Egor
ребят, подскажите про useEffect, я не могу разобраться с ним, через пропсы нельзя прокидывать ему екшен?
useEffect - это ж вроде просто функциональная альтернатива componentDidMount, нет?
Bogdan
useEffect - это ж вроде просто функциональная альтернатива componentDidMount, нет?
ну типо жц заменяет ф функциональном
Bogdan
но реакт ругается, если функция через пропсы приходит
Dmitry
Hi
Denmuch
Hello, how u'r doing?
Bogdan
useEffect - это ж вроде просто функциональная альтернатива componentDidMount, нет?
https://codesandbox.io/s/fervent-panini-mjec2
вот пример сделал
Dmitriy
а можно чуть поподробнее, если не сложно?
https://ru.reactjs.org/docs/conditional-rendering.html
Kurzdor
Ребят, а можно потренится в рефакторинге чужого кода на реакте?
Может знаете очень очень плохой код проекта на ГитХабе или где нибудь?
Kurzdor
А потом тут показать отрефакторенный проект, к примеру
Vladimir
Ребят, а можно потренится в рефакторинге чужого кода на реакте?
Может знаете очень очень плохой код проекта на ГитХабе или где нибудь?
https://github.com/howtocards/frontend
Kurzdor
@graph_sova щас готовит тебе банхаммер:)
Bogdan
Ребят, а можно потренится в рефакторинге чужого кода на реакте?
Может знаете очень очень плохой код проекта на ГитХабе или где нибудь?
могу кинуть ссылку там довольно грусно все
Mikhail
Ребят, а можно потренится в рефакторинге чужого кода на реакте?
Может знаете очень очень плохой код проекта на ГитХабе или где нибудь?
у меня есть либа на гитхабе, пару компонентов нужно зарефакторить
Андрей Чайковский
Киньте Гитхаб какого-нибудь популярного ресурса, чтобы там Реакт был
Bogdan
Го, но чутьпозже посмотрю
https://github.com/bogdanq/authentication/tree/master/src
тут прям много чего удалить можно, много повторяшек, ну увидишь) переделать никак не дойду на стайледы
Kurzdor
Kurzdor
Киньте Гитхаб какого-нибудь популярного ресурса, чтобы там Реакт был
А есть популярные проекты где нету реакта?
Либы компонентов не предалагать
Андрей Чайковский
А есть популярные проекты где нету реакта?
Либы компонентов не предалагать
Написан ресурс на том же Vue, Angular, etc. Что за вопрос?
Андрей Чайковский
Понял
Mikhail
Посмотрим
https://github.com/wizzardo/react-ui-basics
https://wizzardo.github.io/react-ui-basics/
Kurzdor
🦜
Написан ресурс на том же Vue, Angular, etc. Что за вопрос?
https://codequs.com/p/Sk_q_kUZ7/top-10-best-websites-built-using-react
🦜
https://medium.com/@coderacademy/32-sites-built-with-reactjs-172e3a4bed81
Ivan
что лучше - через defaultProps указать стандартное значение или в деструторе, когда компонент реализован в виде функции? по типу
({item: {field1 = "val1", field2 = 0 ... }})
Vadim
Андрей Чайковский
https://medium.com/@coderacademy/32-sites-built-with-reactjs-172e3a4bed81
Среди них есть с открытыми репо?
Ivan
оке, понял спасиб
Denmuch
Cenator 🐈
@ts_ru
Roman
Ребят у меня затык с react-transition-group. В чём суть - если оборачиваю див в CSSTransition, то всё работает, если заменю на компонент модалки - перестаёт. Добавляю TransitionGroup - модалка работает только на затухание, при появлении - не работает.
Vladimir
хотя отрефакторить можно любой проект
Pavel
Ребят у меня затык с react-transition-group. В чём суть - если оборачиваю див в CSSTransition, то всё работает, если заменю на компонент модалки - перестаёт. Добавляю TransitionGroup - модалка работает только на затухание, при появлении - не работает.
CSSTransition нужно обернуть в TransitionGroup и дать CSSTransition timeout тогда компонент будет при mount и unmount анимироваться
Roman
CSSTransition нужно обернуть в TransitionGroup и дать CSSTransition timeout тогда компонент будет при mount и unmount анимироваться
да даю, но что-то не помогает..
<TransitionGroup>
<CSSTransition
in={showModal}
unmountOnExit
timeout={500}
classNames="modalWindowTrans"
key={v4()}
>
<ModalWindow showModal={showModal} />
</CSSTransition>
</TransitionGroup>
Roman
CSSTransition нужно обернуть в TransitionGroup и дать CSSTransition timeout тогда компонент будет при mount и unmount анимироваться
а это css
.modalWindowTrans-enter {
opacity: 0;
transform: scale(0.9);
}
.modalWindowTrans-enter-active {
opacity: 1;
transition: opacity 1300ms, transform 300ms;
}
Nikita
блин, наконец-то нормальный девтулс у реакта
Nikita
🦜
Nikita
не, взял бету
🦜
Nikita
Kevin
вот бы он уже эту бету выложил в магазин
а то руками обновлять как-то не очень
Nikita
А можно убрать провайдеры и хоки?
походу убрать хоки и провайдеры можно только по через regexp
Nikita
в типах не нашел hoc, provider
Nikita
но нашел context
Bogdan
блин, наконец-то нормальный девтулс у реакта
ни разу не юзал, для чего нужен? смотреть за изменениями?
Nikita
Для чего нужен девтулс?
Nikita
Для чего нужен реакт девтулс?
Nikita
Ну вот. Спасибо
Андрей
Dmitry
Dmitry
Топ
Dmitry
Всегда так делаю
I
^^
Андрей
Хах
I
юзай slide