Вызовы render() в компонентах не значат рендеры в браузер/иное окружение, если дерево элементов не изменилось. Поэтому в большинстве случаев "это норм"

Вызовы render() в компонентах не значат рендеры в браузер/иное окружение, если дерево элементов не изменилось. Поэтому в большинстве случаев "это норм"

...

омегалул

когда создаю стринговые refs, я могу к ним обращаться черeз this.refs. А если создавать через React.createRef(), то и массив ref'ов нужно создавать вручную, верно?

создавать вручную что? ?

А тут получается сама апишка такая, что мы по-любому всё дерево перерендериваем просто потому что по-другому value провайдеру не передать

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

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

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

создавать вручную что? ?

массив содержащий все refs компонента. то есть создаю массив, и последовательно добавляю туда все refы

массив содержащий все refs компонента. то есть создаю массив, и последовательно добавляю туда все refы

делай без createRef, коллбеком

массив содержащий все refs компонента. то есть создаю массив, и последовательно добавляю туда все refы

ну если это однотипные элементы, то наверное да

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

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

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

делай без createRef, коллбеком

ага, уже разобрался и сделал колбэком

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

@reactnative_ru

супер спасибо)

https://reactjs.org/docs/forwarding-refs.html вот это походу

спасибо тебе добрый человек!)

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

а почему ты думаешь что изменения пропсов или сет-стейт не вызовет тот-же самый ререндер всего дерева и собственно почему тебя это вообще волнует. Ключевой пойнт архитектуры реакта в том что проблема не в первоначальном рендере, проблема в мутациях состояния. И если мы сможем писать код, как если бы с нуля рендерили приложение какждый раз, то смогли бы избежать многих проблем в разработке UI. Поэтому идеалогия реакт что все дерево всегда перерендеривается. Но тк производительность при этом была бы ужасная к этой идее прикрутили виртуальный дом и алгоритм "reconciliation" Если инетересно https://github.com/acdlite/react-fiber-architecture

а почему ты думаешь что изменения пропсов или сет-стейт не вызовет тот-же самый ререндер всего дерева и собственно почему тебя это вообще волнует. Ключевой пойнт архитектуры реакта в том что проблема не в первоначальном рендере, проблема в мутациях состояния. И если мы сможем писать код, как если бы с нуля рендерили приложение какждый раз, то смогли бы избежать многих проблем в разработке UI. Поэтому идеалогия реакт что все дерево всегда перерендеривается. Но тк производительность при этом была бы ужасная к этой идее прикрутили виртуальный дом и алгоритм "reconciliation" Если инетересно https://github.com/acdlite/react-fiber-architecture

Почему ты думаешь что я думаю те вещи которые ты думаешь что я думаю ))

ну мне так показалось, извини если не прав. Контекст не отличается в этом смысле от пропсов или стейта и сам по себе вызов render() не влияет на производительность в большинстве бытовых ситуаций

Ребята, если приложением с redux пользоваться без перезагрузки несколько дней ( пользователи работают посменно) , есть вероятность что начнутся проблемы с памятью?

Ведь история store будет постоянно разрастаться

Ведь история store будет постоянно разрастаться

так ты вырезай мидлвару дев тулз в проде

Ведь история store будет постоянно разрастаться

это зависит от того, как ты приготовишь редакс

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

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

Так я в redux devtools могу по истории экшнов пробежаться. Разве это не значит что где то вся история хранится?

так ты вырезай мидлвару дев тулз в проде

.

.

Можно подробнее?

лол, ну ты же как-то добавил мидлвару редакс дев тулз, не знаешь как убрать?

Дошло), не правильно прочитал вначале

Спасибо

То есть без devtools никакой истории храниться не будет верно?

да

Спасибо, не знал этого

ну мне так показалось, извини если не прав. Контекст не отличается в этом смысле от пропсов или стейта и сам по себе вызов render() не влияет на производительность в большинстве бытовых ситуаций

про производительность я вообще ничего не говорил) А ререндерам удивился скорее видимо из-за того, что в голове парадигма порталов вспомнилась

Очень легкий вопрос: как мне в рендере вывести this.state.foo и при последующем изменении foo не менять то что уже отрендерено? Например let foo = 'Старое значение'; return <div>Копия {this.state.foo} </div> вывод -> Копия Старое значение Далее меняем this.state.foo -> Новое значение вывод -> Копия Старое значение

Очень легкий вопрос: как мне в рендере вывести this.state.foo и при последующем изменении foo не менять то что уже отрендерено? Например let foo = 'Старое значение'; return <div>Копия {this.state.foo} </div> вывод -> Копия Старое значение Далее меняем this.state.foo -> Новое значение вывод -> Копия Старое значение

постановка вопроса вызывает некоторые вопросы к тому что ты делаешь, но ты можешь в componentDidUpdate запоминать предыдущее значение и потом выводить в духе {this.state.prevFoo ? this.state.prevFoo : this.state.foo}

использование этого метода обычно антипаттерн и сложно так сказать где именно ошибка, попробуй вместо него использовать componentDidUpdate См - https://reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html

подскажите что установить что бы делать запросы по url?

подскажите что установить что бы делать запросы по url?

fetch

подскажите что установить что бы делать запросы по url?

Если новичок бери axios

Будет удобно

Если новичок бери axios

axios для редакса же

постановка вопроса вызывает некоторые вопросы к тому что ты делаешь, но ты можешь в componentDidUpdate запоминать предыдущее значение и потом выводить в духе {this.state.prevFoo ? this.state.prevFoo : this.state.foo}

Сказать реакту, что после рендера это - статичный текст, не получится? Я не хочу prevFoo использовать, лучше сделаю компонент обертку, который не будет ре-рендерится при изменении props.foo

axios для редакса же

Фетч для мобикса?

axios знаком на vue юзал спасиб)

axios для редакса же

нет это просто красивая обертка для аякс запросов по http проткколу

нет это просто красивая обертка для аякс запросов по http проткколу

ты рофла походу не знаешь

тоесть axios это просто ajax библиотека?

Сказать реакту, что после рендера это - статичный текст, не получится? Я не хочу prevFoo использовать, лучше сделаю компонент обертку, который не будет ре-рендерится при изменении props.foo

Не совсем тебя понимаю, все что у тебя в JSX'е написано это не статичный текст, все html тэги это React компоненты

Фетч для мобикса?

для мобх волшебная палочка и сила мысли

тоесть axios это просто ajax библиотека?

это удобная обертка длля работы с аякс, с удобный API. Ajax библиотека это некорректное сравнение. Но можно сказать это удодбнгая библиотека для работы по технологии аякс

ты рофла походу не знаешь

рофла? наверное не знаю, что это?

можете рассказать что из себя представляет mobx и redux?

state manager

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

можете рассказать что из себя представляет mobx и redux?

я думаю вопрос нужно более развернутым построить, не понятно что именно интересует. Что это такое или как с этим работать? или философию redux, нужно объяснить?

я думаю вопрос нужно более развернутым построить, не понятно что именно интересует. Что это такое или как с этим работать? или философию redux, нужно объяснить?

меня интересует для чего ножен redux а со всем остальным разберуть)

Ребят привет, только начал изучать RactNative. Совсем простые штуки у меня уже запускаются, но пробую подключить native-base и с этого момента у меня перестаёт запускаться приложение на эмуляторе (expo + qemu android). При команде yarn android start всё виснет на неопределенный срок на этапе Starting packager... Не запускается даже тот проект, который до добавления библиотек работал. Связки пробовал уже разные, в т.ч. из самых свежих библиотек: "expo": "^29.0.0", "native-base": "^2.7.2", "@expo/vector-icons": "^6.3.1", "react": "^16.4.2", "react-native": "^0.56.0" Встречал ли кто такое? Может ли кто-то посоветовать что почитать/поделать, чтобы исправить?

@reactnative_ru там подскажут)

ERROR: S client not available

меня интересует для чего ножен redux а со всем остальным разберуть)

Для хранения данных, это хранилище, аналог специфической БД на стороне фронтенда.

@reactnative_ru там подскажут)

спасибо

рофла? наверное не знаю, что это?

welcome to the internet....

Ребята, всем привет! Кто админы группы? Есть пару вопросов с предложением, интересует могу ли я это предложение тут озвучить. Заранее спасибо!

Ребята, всем привет! Кто админы группы? Есть пару вопросов с предложением, интересует могу ли я это предложение тут озвучить. Заранее спасибо!

озвучь с линкой на админов sergeysova, itsjohncena

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

welcome to the internet....

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

так он же бугуртнул и ушел, вроде

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

А вообще ребят просветите , чем группа занимается, а то может я и не по адресу)

А вообще ребят просветите , чем группа занимается, а то может я и не по адресу)

Атомной энергетикой

так он же бугуртнул и ушел, вроде

о как херасебе

Атомной энергетикой

Но ведь самый главный эксперт по атомам "бугуртнул и ушёл". Уже не то

Атомной энергетикой

Воющем то да, я тут похоже не по теме))

А вообще ребят просветите , чем группа занимается, а то может я и не по адресу)

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

Но ведь самый главный эксперт по атомам "бугуртнул и ушёл". Уже не то

БОМБАНУЛ))000))))

А вообще ребят просветите , чем группа занимается, а то может я и не по адресу)

Расщипляем атомы в бесконечном множестве искусственных измерений

А вообще ребят просветите , чем группа занимается, а то может я и не по адресу)

это все к тому, что есть описание группы. там все есть, кажется.

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

С юмором збс)) ?

Но ведь самый главный эксперт по атомам "бугуртнул и ушёл". Уже не то

когда предложили 49$...

Надеюсь, он не пересел на вуй

Надеюсь, он не пересел на вуй

сел, родненький, сел...

сел, родненький, сел...

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

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

Там с тем, что мы не пишем в столбик...

есть идеи, почему не работает object spread operator? .babelrc такой: http://dpaste.com/03RAW51 кидает ошибку на эту строку: const testObjectSpread = {...{foo: 'bar'}, ...{foo: 'baz'}}; Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: Unexpected token (20:26)

есть идеи, почему не работает object spread operator? .babelrc такой: http://dpaste.com/03RAW51 кидает ошибку на эту строку: const testObjectSpread = {...{foo: 'bar'}, ...{foo: 'baz'}}; Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: Unexpected token (20:26)

Babel plugin transform object rest spread

{ "presets": ["env", "stage-0", "react"] }

вот так надо)

вот так надо)

Если весь stage-0 не нужен, то комментарий выше - правильный ответ

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

какие шутки) наблюдение

{ "presets": ["env", "stage-0", "react"] }

Вы бы ща пояснили, что это рофляночка