гарантии в маркетинге. Сегодня раскрутить что-то с нуля будет очень сложно.

У ангуляра тоже был маркетинг. И где он теперь? :)

чтобы фортнайт в 60фпс был

забыли про святую всех святых, или майнкрафт уже не лагает?

У ангуляра тоже был маркетинг. И где он теперь? :)

ну Angular весьма популярен (если мы не об AngularJS)

забыли про святую всех святых, или майнкрафт уже не лагает?

minecraft уже на крестах,а не на java

а в чем заключается маркетинг у фреймворков/библиотек? Что-то я не сильно понимаю

ну Angular весьма популярен (если мы не об AngularJS)

Если в 16-м году был острый срач на тему того, что же использовать в новых проектах, то сейчас большинство пишет на реакте и вью

а в чем заключается маркетинг у фреймворков/библиотек? Что-то я не сильно понимаю

Наверное всякие статейки на хабре, курсы..

все нашел, сделал. бинго! спасибо за участие

та без проблем

Если в 16-м году был острый срач на тему того, что же использовать в новых проектах, то сейчас большинство пишет на реакте и вью

Ну если зайти в группу с вакансиями, 90% ангуляр с реактом

Ну если зайти в группу с вакансиями, 90% ангуляр с реактом

80% это реакт, 20% всё остальное :)

Наверное всякие статейки на хабре, курсы..

разве реакт может напрямую быть связан с хабром? Фейсбук им платит?)

А вообще компаний, способных в лоббирование решений в глобальном масштабе не так уж мало. Тот же майкрософт, например

Если в 16-м году был острый срач на тему того, что же использовать в новых проектах, то сейчас большинство пишет на реакте и вью

https://www.npmtrends.com/react-dom-vs-vue-vs-@angular/core

разве реакт может напрямую быть связан с хабром? Фейсбук им платит?)

Ну статьи на заказ

а в чем заключается маркетинг у фреймворков/библиотек? Что-то я не сильно понимаю

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

а в чем заключается маркетинг у фреймворков/библиотек? Что-то я не сильно понимаю

ну к примеру коференции посвещенные исключительно фреймворку/либе и экосистеме (аля React Conf)

Ребят подскажите почему при обновлении страницы компонент рендерится один раз, а если при переходе с другой страницы на страницу с этим компонентом через хистори пуш то рендер 2 раза

ну к примеру коференции посвещенные исключительно фреймворку/либе и экосистеме (аля React Conf)

не совсем кто бы ходил туда если бы у реакта на гите было 500звезд?

Ребят подскажите почему при обновлении страницы компонент рендерится один раз, а если при переходе с другой страницы на страницу с этим компонентом через хистори пуш то рендер 2 раза

у тебя есть коннект с location от роутера?

https://www.npmtrends.com/react-dom-vs-vue-vs-@angular/core

порой мне кажется, что все эти скачивания vue - чьи то пет проекты. Я angular и vue изучил примерно в одно время, расширения кругозора ради и увеличения рабочих предложений. По ангуляру предложений с тех пор получал примерно как по реакту, в том числе сейчас занимаюсь проектом на нем. По вью - ну единицы встречал..

у тебя есть коннект с location от роутера?

Withrouter hoc на контейнере этого компонента

не совсем кто бы ходил туда если бы у реакта на гите было 500звезд?

ну так это часть маркетинга. FB раскручивает реакт, в том числе и за счет конференций

Withrouter hoc на контейнере этого компонента

ну вот вероятно из за этого и ререндерит, можно накинуть конечно реакт мемо либо shouldComponentUpdate

ну вот вероятно из за этого и ререндерит, можно накинуть конечно реакт мемо либо shouldComponentUpdate

Пробовал pure component не сработало

Мне надо использовать useCallback вне компонента. Какие тут варианты?

Мне надо использовать useCallback вне компонента. Какие тут варианты?

никаких. Зачем тебе это?

никаких. Зачем тебе это?

ну собственно мемоизировать колбек.

ну собственно мемоизировать колбек.

чем function f() {} не устраивает?

Пробовал pure component не сработало

у тебя определенно ререндер из-за смены location, подписка на эти данные, нужно понять что именно вызывает ререндер, pureComponent не решает проблемы

чем function f() {} не устраивает?

нужно создавать новую, когда зависимости меняются

нужно создавать новую, когда зависимости меняются

а зачем? Какую задачу ты пытаешься решить?

смотри, если у тебя стейт и пропсы не меняются, ты можешь через deep equal например в shouldComponentUpdate разрулить эту ситуацию

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

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

у тебя определенно ререндер из-за смены location, подписка на эти данные, нужно понять что именно вызывает ререндер, pureComponent не решает проблемы

Подписка ? Объясни плиз

withRouter, connect

withRouter по сути коннектит компонент к роутеру, и при смене локейшена будет ререндерить

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

что-то сложное и не понятное. Лучше оформи кодом (codesnadbox)

withRouter по сути коннектит компонент к роутеру, и при смене локейшена будет ререндерить

А как предотвратить рендер второй раз ?

что-то сложное и не понятное. Лучше оформи кодом (codesnadbox)

props => <Item cb=(() => props.onCb(props.id)} />

props => <Item cb=(() => props.onCb(props.id)} />

всю задачу. А не кусок. Но в целом если ты хочешь одну и туже функцию при одинаковых входных параметром то просто погугли про кеширование вызовов функций

всю задачу. А не кусок. Но в целом если ты хочешь одну и туже функцию при одинаковых входных параметром то просто погугли про кеширование вызовов функций

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

у тебя определенно ререндер из-за смены location, подписка на эти данные, нужно понять что именно вызывает ререндер, pureComponent не решает проблемы

У компонента родитель только его контейнер

А как предотвратить рендер второй раз ?

ну разрулить в shouldComponentUpdate, но я бы на твоем месте ничего бы не делал, 2 рендера это херня

ну разрулить в shouldComponentUpdate, но я бы на твоем месте ничего бы не делал, 2 рендера это херня

Спасибо

Спасибо

https://github.com/ReactTraining/react-router/blob/master/packages/react-router/docs/api/withRouter.md

Можно как-то минимизировать state спрединг когда идешь в глубину? { ...state, cars: { ...state.cars, ford: { ...state.cars.ford

Можно как-то минимизировать state спрединг когда идешь в глубину? { ...state, cars: { ...state.cars, ford: { ...state.cars.ford

deep copy + мутирование)

А можно с примером?

Можно как-то минимизировать state спрединг когда идешь в глубину? { ...state, cars: { ...state.cars, ford: { ...state.cars.ford

flat object делать

эм, ну например const cars = deepCopy(state.cars) cars[index].done = true this.setState({cars})

но ты же стейт в state не возращаешь? {..state, state.cars: cars}

Можно как-то минимизировать state спрединг когда идешь в глубину? { ...state, cars: { ...state.cars, ford: { ...state.cars.ford

и нормализацию еще можно сделать

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

но ты же стейт в state не возращаешь? {..state, state.cars: cars}

А зачем?

У меня от редукса

ты же ...state делаешь, не видишь подвоха?) Если бы this.setState(state) то было бы оправдано, а так ты на верхнем уровне обновляешь значение

аа, так бы сразу, я про локальный стейт думал, ну prevState нужно возвращать

https://github.com/ReactTraining/react-router/blob/master/packages/react-router/docs/api/withRouter.md

Типа По любому пишут из за родительского компонента ?

там, где у тебя роуты и роутер

Хм

const AppPage = React.memo( ({ children }) => children, (prevProps, nextProps) => nextProps.pathname === prevProps.pathname ) у меня такой костыль, чтобы не было ререндеров страниц)

там, где у тебя роуты и роутер

Там провайдер только с параметром стора редакса

const AppPage = React.memo( ({ children }) => children, (prevProps, nextProps) => nextProps.pathname === prevProps.pathname ) у меня такой костыль, чтобы не было ререндеров страниц)

он и без этого должен ключи сравнить, только мемо оставь,

он и без этого должен ключи сравнить, только мемо оставь,

там по пропсам не только pathname, так что не прокатит

там по пропсам не только pathname, так что не прокатит

месо поверхносно сравнит все пропсы, я вижу , что pathname в обьекте пропсов лежит, его сравнит, он строка, все прокатит

месо поверхносно сравнит все пропсы, я вижу , что pathname в обьекте пропсов лежит, его сравнит, он строка, все прокатит

отбой, pathname в location, он обьект, все тригернется

const AppPage = React.memo( ({ children }) => children, (prevProps, nextProps) => nextProps.pathname === prevProps.pathname ) у меня такой костыль, чтобы не было ререндеров страниц)

а это работает? я проверил, у меня нет, апдейтится и ререндерится на каждый клик, прикольно

а это работает? я проверил, у меня нет, апдейтится и ререндерится на каждый клик, прикольно

подожди, на какой клик?

подожди, на какой клик?

ну кликал на пункт меню, pathname один и тот же или я не так понял?

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

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

внутри компонента обернутого в мемо?

children - это роуты (страницы), меню независимое от роутера должно быть

Посмотри на нормальные импорты ant design

приложи материал и антд.

children - это роуты (страницы), меню независимое от роутера должно быть

во, нету апдейта на кодесандбоксе пробую, а вот есть проект, на нем и апдейт и ререндер есть

У меня вопрос. Может кто совмещает react и mobx. Есть сделать компонент и использовать стрелочные функции, то всё ещё будет происходить ререндер из-за того, что стрелочные функции постоянно будут пересоздаваться в рендере? Или это починили?

Сегодня увидел что на вики написано об инкапсуляции совершено другое о чем пишут в статьях, на том же хабре это скрытый механизм но на Вики это упаковка данных в единый компонент где тут правда?

Сокрытие это information hiding, а инкапсуляция это именно объединение данных и методов работы с ними

народ, подскажите, как можно вынести resolve промиса в свойство класса? чтобы можно было потом дернуть resolve при анмаунте, например

На 4-ой строчке из (resolve, reject)

Ребят кто next js юзает ?