а в чем проблема?

выглядит как лишние операции, хотя я хз че у тебя там ф-ция делает

ну во-первых не у меня

во-вторых он уже выше писал что это простой селектор из стейта

там просто лежит где-то по пути id

а нафига делать вызов replyFormId если потом его рендер зависит от сравнения с пропсом парент, у тебя там под капотом битки не фармятся случаем?

parentId - id комментария в котором лежит форма, он статичный для каждоый формы replyFormId - лежит в стейте, он динамичный, дальше mapStateToProps он никуда не девается

неколай

НЕ!

три раза спросили

м?

юзаешь ли ты pure

в CommentsForm

или shouldComponentUpdate

или где там у тебя ререндер идет

можно сжедать хок компонент который будет показывать когда прошел рендер

можно сжедать хок компонент который будет показывать когда прошел рендер

Нет.

export const log = (BaseComponent) => (props) => { console.log(`Rendering ${BaseComponent.name}`); return <BaseComponent {...props} />; };

и обернуть посмотреть что у тебя рендерится

export const log = (BaseComponent) => (props) => { console.log(`Rendering ${BaseComponent.name}`); return <BaseComponent {...props} />; };

И с чего ты взял, что будет перерендер?

потом ответить себе на вопрос

а оно должно

а я как понял у чела лишние рендеры там где они ему не нужны

1) У тебя код неверный.

юзаешь ли ты pure

юзаю PureComponent

ну да неверный и работающий

export const log = (BaseComponent) => (props) => { console.log(`Rendering ${BaseComponent.name}`); return <BaseComponent {...props} />; };

юзай tap из рамды

бинго

ну да неверный и работающий

И как же ты это проверил?

юзаю PureComponent

значит какие-то пропсы меняются, если ты прямо уверен что ререндер везде идет

ну я console.log залепил внутри render, и вместо двух строк выводит все 500+

можно сжедать хок компонент который будет показывать когда прошел рендер

Боже, хок для лога в консоль, давайте еще хок для массажа ног сделаем

И как же ты это проверил?

меняются пропсы, идет ререндер log

че тут еще может быть

меняются пропсы, идет ререндер log

А если не меняются пропсы, то что?

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

у Николая мапстейттупропс как бэ

А если свой sCU написан?

А если свой sCU написан?

не на писан

А в чем проблема с хоком для лога удобно же?

Боже, хок для лога в консоль, давайте еще хок для массажа ног сделаем

было бы неплохо

А в чем проблема с хоком для лога удобно же?

Нахрена?

ну я console.log залепил внутри render, и вместо двух строк выводит все 500+

напиши cWRP и посмотри что меняется

ребят вы прям помогли пацану

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

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

Нахрена?

что бы смотреть что происходит между хоками, а не писать console.log в рендере

а рекомпоз кто юзает?

ребят вы прям помогли пацану

я за пассивную агрессию люблю выдавать RO

у нас добрый и позитивный чатик

на будущее

а рекомпоз кто юзает?

вопрос в чем?

мнение

ну либа как либа

стоит ли

иногда полезна, иногда нет

да, мне зашла

стоит ли

Стоит.

Выкидывай логику из компонентов.

часто позволяет вынести логику из компонентов

да

андрей меня понимает

основную идею мнения понял, спс

Да, withProps великая вещь.

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

ну так бы и написал

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

кстати по теме древа комментариев

Да, withProps великая вещь.

главное не упарываться, сложные мутации лучше переносить в mapStateToProps(если используется redux)

как я понял там редакс

может где-то при обновлении редбюссором стейта происходит обновление лишнего элемента

родителя или еще чего и дальше реакт срабатывает в рендер

главное не упарываться, сложные мутации лучше переносить в mapStateToProps(если используется redux)

Не могу тебе ответить. Всё индивидуально.

Мне вообще не особо нравится редакс, но лучшего пока не придумал.

да в целом он понятен

лишний код можно на горячие вставки делать

но вот мутация сложного объекта с каскадом ...{ ...{ ...[ не всегда радует

Не могу тебе ответить. Всё индивидуально.

я про распределение вычислений между тиками, mapStateToProps просиходит до рендера, а не в том же стеке

но вот мутация сложного объекта с каскадом ...{ ...{ ...[ не всегда радует

object-path-immutable

но вот мутация сложного объекта с каскадом ...{ ...{ ...[ не всегда радует

immutablejs

но вот мутация сложного объекта с каскадом ...{ ...{ ...[ не всегда радует

линзы!

Подскажите есть страница новости, я нажимаю на новость срабатывыет экшен и я получаю Id новости в саге обращаюсь к апи передаю id, получаю данные новости, эти данные толкаю в редюсер и пушем перехожу на детальную новость. Коннектом получаю данные из редюсера и вывожу на экран. Правильно ли так делать? и как быть если на прямую зайти на детальную новость

пропсы в cwrp приходят те же, и в willUpdate те же

пропсы в cwrp приходят те же, и в willUpdate те же

А скоро не будут )))))

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

Я так понял cWRP выпилят

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

React 16.2

"современным"

лал

Рома, тебе надо работающее приложение

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

material-ui

а не "современное"

Рома, тебе надо работающее приложение

ну типо топ либы для реакт приложения 2к!8

не сильно с прошлым годом поменялось

react-router-2o18