@react_js

Страница 1253 из 5115

Paul

07.05.2017
00:40:37

Приехали, а биндинг — это не пересоздание функции?

В v8 больше нет

Мы видимо про какой-то разный биндинг, потому что если вырезать биндинг, то handler будет терять контекст this вне зависимости от того, где исполняется код

Тебе не нужны хендлеры событий на сервере

Сергей

07.05.2017
00:49:08

Так что байндить надо в конструкторе вручную и вырезать этот блок при сборке для ssr.

Чем вырезаешь для сервера? Плагин для бабеля какой-то?

Paul

07.05.2017
00:49:45

Самописный

Google

Сергей

07.05.2017
00:50:02

Самописный

Опенсорц?

Paul

07.05.2017
00:50:42

Нет

Сергей

07.05.2017
00:50:55

Нет

Жаль. Было бы полезно для сообщества

Paul

07.05.2017
00:51:11

Может one day.. :)

Идея там простая, просто удаляешь бабелем из конструкторов компонент все выражения присвоения с bind

Anton

07.05.2017
01:26:38

Какая из функций в enzyme возвращает по типу <div><MyChildren/></div>

нифига не могу вспомнить

Alex

07.05.2017
03:05:22

Зачем они испоганили react-router? Зачем?

Они, что, правда думали что делают как лучше? Ради чего? Не понимаю. Просто не понимаю.

Herman

07.05.2017
03:44:48

Зачем они испоганили react-router? Зачем?

Ой ору

Paul

07.05.2017
04:11:27

Они, что, правда думали что делают как лучше? Ради чего? Не понимаю. Просто не понимаю.

Реакт сообщество кололось но продолжало жрать react-router. Он всегда был не юзабельным

Alex

07.05.2017
04:17:56

Реакт сообщество кололось но продолжало жрать react-router. Он всегда был не юзабельным

А какая альтернатива?

Paul

07.05.2017
04:18:51

http://router5.github.io/

Google

Paul

07.05.2017
04:18:53

https://www.kriasoft.com/universal-router/

Max

07.05.2017
05:37:42

Резюмируя, относительно обсуждения, текущие рекомендации для крупных 3R-проектов: 1. Использовать redux-actions / redux-act, отказавшись от констант для action ID 2. Именовать action ID в формате namespace-нотации вида session.user.profile.updateFirstName 3. Вынести весь state из компонентов приложения в Redux Store, оставив state только для универсальных UI-компонентов / TODO: есть ли проблемы с производительностью в этом случае? 4. Обработчики событий определять через ES Class Properties Что упущено? /сс @evgenyrodionov @imrajdee @ZeroBias @syabro @fjfalcon @ppavle @klimashkin @gaearon

Кстати 4 это через лямбду?

Или как

Alexey

07.05.2017
05:51:40

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

А так да, идея в том чтобы обработчик замкнуть на инстанс компонента, чтобы контекст не потерять

Max

07.05.2017
06:00:27

там нюанс есть если при тогда нет доступа к родительским методам которые через лямбду

@DenisIzmaylov @evgenyrodionov

Джон

07.05.2017
07:17:17

Ребя, какой вариант лучше ?

сори за офтопчик )

...или оба ??

anoru

07.05.2017
07:18:47

Чем отличаются?

Джон

07.05.2017
07:19:29

при саксес или ошибке цвета меняются/не меняются

там большие картинки, можно приблизить )

anoru

07.05.2017
07:20:01

ну, с бордером покрасивее, если там ошибка. Но на success можно бордер не ставить

Джон

07.05.2017
07:20:30

ну, с бордером покрасивее, если там ошибка. Но на success можно бордер не ставить

понял

ну, с бордером покрасивее, если там ошибка. Но на success можно бордер не ставить

цвет лейбла на ошибке менять тоже? или это не хорошо

anoru

07.05.2017
07:22:10

Не, это перебор. Но все зависит от дизайна, в любом случае.

Max

07.05.2017
07:22:45

success не нужен

бордер красный нужен

anoru

07.05.2017
07:23:02

+

Google

Джон

07.05.2017
07:24:06

благодарю : )

success не нужен

в принципе не нужен, или только бордер

Max

07.05.2017
07:24:50

ты сначала расскажи кейс когда он нужен

а то это дизайн ради дизайна

Джон

07.05.2017
07:25:25

ты сначала расскажи кейс когда он нужен

в процессе заполнения подсвечивать, например )

при блюре

Max

07.05.2017
07:25:32

зачем?

пользователь и так считает что он все правильно заполняет

Джон

07.05.2017
07:25:56

чтобы узнавать сразу, что что-то не так, а не при сабмите

Max

07.05.2017
07:26:05

для этого ошибка есть

для “не так"

Джон

07.05.2017
07:26:21

а, логично )

Джон

07.05.2017
07:26:28

спасибище

Евгений

07.05.2017
07:39:05

еще может кому будет полезно, советы по поводу осмысленного именования actions creators https://decembersoft.com/posts/a-simple-naming-convention-for-action-creators-in-redux-js/

Сергей

07.05.2017
07:59:29

Резюмируя, относительно обсуждения, текущие рекомендации для крупных 3R-проектов: 1. Использовать redux-actions / redux-act, отказавшись от констант для action ID 2. Именовать action ID в формате namespace-нотации вида session.user.profile.updateFirstName 3. Вынести весь state из компонентов приложения в Redux Store, оставив state только для универсальных UI-компонентов / TODO: есть ли проблемы с производительностью в этом случае? 4. Обработчики событий определять через ES Class Properties Что упущено? /сс @evgenyrodionov @imrajdee @ZeroBias @syabro @fjfalcon @ppavle @klimashkin @gaearon

3. Я думаю, плохая практика – выносить в store состояния, которые имеют только локальный характер, даже если это не универсальный UI компонент

Dmitry

07.05.2017
08:02:15

Есть вопрос. Обратил внимание, что все ли в анимации используют сугубо css-transition. Смотрел самые основные: React-transition-group, React-transition, React-motion. Есть хоть одна либа, что юзает requestFrameAnimate?

Klim

07.05.2017
08:06:59

Спам :(

Евгений

07.05.2017
08:07:28

3. Я думаю, плохая практика – выносить в store состояния, которые имеют только локальный характер, даже если это не универсальный UI компонент

+1 не во всех ситуациях это оправдано, если не влечет за собой никаких мутаций в других частях приложения, например какой-нибудь тоггл UI элементов, введенный текст в формы

Denis

07.05.2017
09:23:30

3. Я думаю, плохая практика – выносить в store состояния, которые имеют только локальный характер, даже если это не универсальный UI компонент

Почему?

+1 не во всех ситуациях это оправдано, если не влечет за собой никаких мутаций в других частях приложения, например какой-нибудь тоггл UI элементов, введенный текст в формы

Они же как раз помечены как исключение в пункте 3)

Google

Alexander

07.05.2017
09:41:14

скажите, а почему рекомендуют ставить prop-types во так: npm install —save prop-types это ведь чисто dev-овская либа, если не ошибаюсь раньше в продакшн версиях вся эта проверка пропсов удалялась

Ruslan

07.05.2017
09:50:39

удаляется babel-плагином, а из коробки только планируется, хотя может быть уже и добавили

Admin

ERROR: S client not available

Andrey

07.05.2017
09:52:17

а чем нормально тестить реакт? что щас в тренде?

jest? enzyme?

♥️

07.05.2017
09:54:56

jest

Щас бы на тренды ориентироваться.........

mardybm

07.05.2017
10:36:57

посоны, нужен совет

есть 2 компонента

контейнер и UI компонент (presentational)

контейнер - редуксовский connect

UI - pure functional component

мне нужно дернуть внешнее АПи и подгрузить данные

как к контейнеру прицепить лайфсайкл метод?

componentDidMount()

я не хочу пихать это в UI компонент, ведь тогда его придется переписать из красивого функционального стиля в уродливый class ... extends React.Component

да и не должен он знать о существовании редукса и вызывать экшены

anoru

07.05.2017
10:47:18

Не понял твоей проблемы, ты же сам написал про cdm в контейнере и в вопросе спрашиваешь как прицепить его к контейнеру

mardybm

07.05.2017
10:49:06

контейнер - это не обычный компонент, он магически создается через редуксовский connect() и вот как к нему подступиться, куда вписать componentDidMount() ?

anoru

07.05.2017
10:49:17

все, понял - у тебя контейнер это просто коннект. Ну тогда перепиши на реакт компонент, который обернут в коннект.

Google

mardybm

07.05.2017
10:50:26

так это уже 3 компонента получится, как матрешка завернутые друг в друга?

anoru

07.05.2017
10:52:10

все норм, не думай над этим

Name

07.05.2017
10:58:04