store.subscribe

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

вопрос по js, как добавить объекты в массив не переписывая предыдущие, спасибо

вопрос по js, как добавить объекты в массив не переписывая предыдущие, спасибо

push, [...oldArray, newObjects]

push, [...oldArray, newObjects]

Спасибо

мне почему то кажется что дело в саге

Всё верно тебе кажется) Судя по в твоим скринам и описанию. Для похода в апи ты диспачишь экшен, созданный rigsLoadSuccess() В твоей саге есть вотчер с эффектом takeEvery, который для каждого экшена с типом RIGS_STATUS_SUCCESS запускает воркер fetchRigsRequest Воркер делает запрос в api и при успехе диспатичт экшен, созданный ВНИМАНИЕ! rigsLoadSuccess() , на этот экшен опять реагирует той вотчер и запускает fetchRigsRequest ну и дальше по кругу

Спасибо, я вчера до этого дошел)

И счастливый исправив, лег спать?

кароче воротил всё это, чтобы сделать форму с кастомным количеством пар полей. Вроде работает, но там из-за того, что мапятся компоненты по полю стейта, который они же сами и обновляют, происходят 1)ненужные перерендеривания всех полей 2) слетает курсор , но только на полях в первом ряду. Гляньте сэндбокс, кому не сложно? https://codesandbox.io/s/wqp33z0olw

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

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

У меня одна тема И я через один провайдер в итоге настроил работу

вообще можно обрабатывать не сколько форм одной функции?

Не сколько - часточка НЕ отдельно превращает "не сколько" в "ни одной".

Привет, подскажите как переменной присвоить значение какого-то текстового поля?

Ребят с какой версии реакта нет разницы в производительности между компонентом классовым и функциональным?

Ребят с какой версии реакта нет разницы в производительности между компонентом классовым и функциональным?

в любой версии рекомендуется делать функциональными стейтлесс компоненты

А если нужно делать запрос к апи

И использовать жизненный цикл

если жизненный цикл, то по любому классы

в любой версии рекомендуется делать функциональными стейтлесс компоненты

Линк можн?

А если нужно делать запрос к апи

Делай это вне реакта.

Линк можн?

линк на что? на концепцию стейтлесс компонент?

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

линк на что? на концепцию стейтлесс компонент?

Что их производительность не отличается.

Что их производительность не отличается.

еврейский вопрос. нахрена тогда вообще писать функциями, а не классами?

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

не, у меня вопрос был в другом если чесно

еврейский вопрос. нахрена тогда вообще писать функциями, а не классами?

Лаконичность.

зачем люди пишут в контейнере компонент на классах

а в "компоненте" функциональный

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

Можно.

когда намного чище бдет в контейнере БЕЗ РЕАКТА описать взаимодействие со стором

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

когда намного чище бдет в контейнере БЕЗ РЕАКТА описать взаимодействие со стором

Взаимодействие со стором - это вызов функций и рендер данных. Что ты там описывать хочешь?

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

Да, верно мыслишь.

Лаконичность.

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

а если относительно производительности?)

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

Тебе все равно придется оборачивать хоками типа pure, так что производительность схожая будет.

а если относительно производительности?)

см выше. утверждают, что без разницы

точно) спасибо

см выше. утверждают, что без разницы

Если у тебя только stateless компоненты, то они производительнее, так как нет вызовов лайфсайкл методов. Но из-за того, что они перерисовываются даже без изменения пропсов, то приходится оборачивать их хоками, что нивелирует разницу.

Ребят Вот снова пробема не могу разобраться. у меня есть parent component - админка и есть child - блок с клиентами. в котором рендерится каждый клиент в отдельный див мне необходимо повешать на клик по див функицию если я эту функцию описываю в child то у меня не рендерится компонет, если прописываю в parent? то у меня ошибка собственно компонент который клиенты находится слева и выглядит вот так

Всем привет! А кто мне подскажет как карсиво с бэкенда отдать данные в реакт пользователь зашел на ресурс - бекенд нашел куку, взял значение из неё и не понимаю как её отдать в реакт, ибо а основе куки строится первый запрос в бд

Всем привет! А кто мне подскажет как карсиво с бэкенда отдать данные в реакт пользователь зашел на ресурс - бекенд нашел куку, взял значение из неё и не понимаю как её отдать в реакт, ибо а основе куки строится первый запрос в бд

не надо ее в реакт отдавать, она в document.cookie

Всем привет! А кто мне подскажет как карсиво с бэкенда отдать данные в реакт пользователь зашел на ресурс - бекенд нашел куку, взял значение из неё и не понимаю как её отдать в реакт, ибо а основе куки строится первый запрос в бд

при запросе к бд, просто считайте ее оттуда

Ребят Вот снова пробема не могу разобраться. у меня есть parent component - админка и есть child - блок с клиентами. в котором рендерится каждый клиент в отдельный див мне необходимо повешать на клик по див функицию если я эту функцию описываю в child то у меня не рендерится компонет, если прописываю в parent? то у меня ошибка собственно компонент который клиенты находится слева и выглядит вот так

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

Ребят Вот снова пробема не могу разобраться. у меня есть parent component - админка и есть child - блок с клиентами. в котором рендерится каждый клиент в отдельный див мне необходимо повешать на клик по див функицию если я эту функцию описываю в child то у меня не рендерится компонет, если прописываю в parent? то у меня ошибка собственно компонент который клиенты находится слева и выглядит вот так

клик по диву вешается через onClick ) клик по диву, но чтобы он обрабатывался в паренте - через props + callback функция

клик по диву вешается через onClick ) так я делал но чтобы он обрабатывался в паренте - через props + callback функция- вот так не делал. следоватнльно это могло ломать рендер дочернего?

Всем привет! А кто мне подскажет как карсиво с бэкенда отдать данные в реакт пользователь зашел на ресурс - бекенд нашел куку, взял значение из неё и не понимаю как её отдать в реакт, ибо а основе куки строится первый запрос в бд

Делаешь запрос на сервер, он тебе возвращает данные.

клик по диву вешается через onClick ) так я делал но чтобы он обрабатывался в паренте - через props + callback функция- вот так не делал. следоватнльно это могло ломать рендер дочернего?

все что вы спросили, никак не ломает отрисовку, из вопроса вообще не ясно как она ломается. Берите пример свой и делайте его на codepen

вот если делаю так то дочь не рендериится

все что вы спросили, никак не ломает отрисовку, из вопроса вообще не ясно как она ломается. Берите пример свой и делайте его на codepen

На коде пен долго выносить

На коде пен долго выносить

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

Вот именно что в консоле ничего

Но в в целом такая конструкция не должна ломать рендер?

Но в в целом такая конструкция не должна ломать рендер?

не должна, конечно.

Странно, ладно попробую ещё раз, залогирую каждую строчку:)

ERROR: S client not available

вот если делаю так то дочь не рендериится

Логично. Зачем в рендере вообще создавать функцию?

Причём нормальную, а не стрелочную.

Логично. Зачем в рендере вообще создавать функцию?

ну так захотелось ему) это плохо, конечно, но ломать не должно.

Потому что клик на кажды отдельный див

Потому что клик на кажды отдельный див

совет в любом случае хороший, функцию вынесите в методы

Ну а как в данном случае правильнейшее поступить?

Ну а как в данном случае правильнейшее поступить?

метод просто сделайте, типа renderTemplate

совет в любом случае хороший, функцию вынесите в методы

Не делайте рендер методы.

Рендер метод - это stateless компонент.

Не делайте рендер методы.

+

Не делайте рендер методы.

почему? render() { <div> {this.renderTemplate()} </div> } плохо что ли?

Ну а как в данном случае правильнейшее поступить?

Как минимум перестать путаться в контекстах. Из-за создания function ваш this не на класс ссылается.

почему? render() { <div> {this.renderTemplate()} </div> } плохо что ли?

Зачем так вообще делать?

почему? render() { <div> {this.renderTemplate()} </div> } плохо что ли?

Плохо, лучше вынести в отдельный компонент

почему? render() { <div> {this.renderTemplate()} </div> } плохо что ли?

Зачем нужен вообще компонентный подход?

Зачем так вообще делать?

есть в рендере куча кода, какие-то кусочки для лучшего чтения выносишь в отдельные функции

Ты переусложняешь компонент.

есть в рендере куча кода, какие-то кусочки для лучшего чтения выносишь в отдельные функции

Если в другом файле то ок

есть в рендере куча кода, какие-то кусочки для лучшего чтения выносишь в отдельные функции

У тебя там стейт случайно не 10 уровней вложенности имеет?

У тебя там стейт случайно не 10 уровней вложенности имеет?

не имеет

Тогда зачем тебе рендер методы?

есть в рендере куча кода, какие-то кусочки для лучшего чтения выносишь в отдельные функции

Согласен

ща пример скину

Чтобы все в кашу не превращать

есть в рендере куча кода, какие-то кусочки для лучшего чтения выносишь в отдельные функции

Так у тебя может появиться зависимость от this и начнется боль при рефакторинге

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

+ тебе всегда нужно будет ререндерить весь шаблон, а не только изменившийся кусок.

pastebin заблочен у меня, скинул сюда - https://codesandbox.io/s/y3k5k3j4wz

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