Так ошибки в коде же

У меня есть react-компонент форма с полями ввода. Каждое поле ввода это дочерний компонент и данные в такие компоненты пробрасываются через props из стейта формы. Какой самый идеоматичный способ сделать так, чтобы одно из этих полей ввода имело свой стейт, и чтобы вся форма не обновлялась при изменннии этого стейта? Использую redux. Что если сделать отдельно connect для формы, отдельно для поля ввода?

А с чего бы всей форме обновляться?

Парни привет) у меня есть компонент И в нем вложен компонент еще один Оба имею onClick Как сделать чтобы отрабатывался только дочерний onClick

хуяч stopPropagation

stopPropagation?

Сейчас почитаю

В первый раз столкнулся

тебя там ждёт сюрприз, как получить event

забей на сюрпризы тупо хуяч

золотые цитаты веб-разработки

А с чего бы всей форме обновляться?

Как с чего) Данные в инпуты передаются из стейта формы. И даже если поменяется какой-то кусочек этого стейта, все инпуты перерисовываются

тебя там ждёт сюрприз, как получить event

А чо получать то его

Все изи

Работает

Спасибо)

Лучшие

Блин, неужели ни у кого не возникало кейсов, когда один из элементов формы при заполнении меняет стейт формы и перерисовывается, но при этом остальные элементы формы перерисовывать не надо?)

по-моему вы описываете redux-form

там каждый инпут коннектится к стору

Блин, неужели ни у кого не возникало кейсов, когда один из элементов формы при заполнении меняет стейт формы и перерисовывается, но при этом остальные элементы формы перерисовывать не надо?)

Разбить на более мелкие компоненты и заюзать shouldComponentUpdate?

Оборачивать в scu?

Вот

там каждый инпут коннектится к стору

Там роль scu выполняет редакс

Каждый инпут коннектить к стору? ?

та еще дичь редакс форм

Как тут посоветовали reformal ничего лучше так и не нашел

Есть какие-то нормальные способы в рендере возвращать массив элементов без тэга?

Как ето было в 14-м реакте и ранее.

С новым движком только

Он там с 97 сдвинулся или нет

Да, читал что в файбере это вернут

За месяц на процент подрос

??

про фибер тут вспомнили

https://www.youtube.com/watch?v=gULfnbZ7dJk

вроде не кидали.

Если я у инпутов реализую shouldComponentUpdate, который гвоздями прибит к конкретному кейсу, я не смогу их нормально переиспользовать потом в других формах. Нельзя ли как-то на уровне компонента формы решать, что, мол "при изменении стейта вот этот дочерний компонент перерисовывать, а этот нет"?

Если я у инпутов реализую shouldComponentUpdate, который гвоздями прибит к конкретному кейсу, я не смогу их нормально переиспользовать потом в других формах. Нельзя ли как-то на уровне компонента формы решать, что, мол "при изменении стейта вот этот дочерний компонент перерисовывать, а этот нет"?

Странный вопрос, откровенно говоря. Не хочешь перерисовывать - не изменяй props для дочернего компонента.

Странный вопрос, откровенно говоря. Не хочешь перерисовывать - не изменяй props для дочернего компонента.

Интересно, каким образом я сделаю, чтобы redux определенные props заполнял из стейта, а какие-то не заполнял в зависимости от условия?)

Если я у инпутов реализую shouldComponentUpdate, который гвоздями прибит к конкретному кейсу, я не смогу их нормально переиспользовать потом в других формах. Нельзя ли как-то на уровне компонента формы решать, что, мол "при изменении стейта вот этот дочерний компонент перерисовывать, а этот нет"?

recompose

Да, тут hoc нужно, видимо, применять

Насчет "не изменяй props", тут проблема в том, что когда у формы меняется стейт, она перерисовывается _вся_, со _всеми_ инпутами - независимо от того, меняется ли содержимое их props или не меняется

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

Да, сбрасывается value и теряется фокус в том числе)

они controlled?

Да. Мне нужно, чтобы они были реакт-компонентами

вы что-то делаете неправильно. сбрасываться value точно не должны, т.к. любое изменение value в инпуте меняет только value в стейте формы для этого input. Остальные перерисовываться не должны, сбрасывание значений тоже не должно происходить (на что им сбрасываться?)

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

Согласно логике что они controlled

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

И все что в них есть это чисто твой стейт

Я извиняюсь, вы понимаете, на какой вопрос вы отвечаете?)

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

Всем привет! Посоветуйте UI Kit для React (не натив). Из того, что вы юзали

?

боянчик

Ребят. Вот сижу, изучаю всё, а понимание так и не приходит. Может что посоветуете?

Просто боюсь шаг в сторону сделать

Ребят. Вот сижу, изучаю всё, а понимание так и не приходит. Может что посоветуете?

я не слишком гуру, но стал немного понимать, когда начал делать что-то, что можно пощупать, и решать реальные задачи.

я не слишком гуру, но стал немного понимать, когда начал делать что-то, что можно пощупать, и решать реальные задачи.

Для меня проблемотично даже развернуть проект

я не слишком гуру, но стал немного понимать, когда начал делать что-то, что можно пощупать, и решать реальные задачи.

вот это

Просто боюсь шаг в сторону сделать

Кажется мы нашли первую проблему ;)

Кажется мы нашли первую проблему ;)

Да я делаю, но всё не получается

ERROR: S client not available

Для меня проблемотично даже развернуть проект

ну ты jquery умеешь подключать?

react такая же библиотека

ну ты jquery умеешь подключать?

Хах, допустим

1 в 1

кек

шучу )

Да я делаю, но всё не получается

Попробуй: https://scotch.io/tutorials/setup-a-react-environment-using-webpack-and-babel

ну ты jquery умеешь подключать?

Не не, интересует именно сборка проекта

по вебпаку может кто-то другой посоветует, я с ним еще не работал

я не слишком гуру, но стал немного понимать, когда начал делать что-то, что можно пощупать, и решать реальные задачи.

но в любом случае ^^^

Не не, интересует именно сборка проекта

а что тебе сборка, открой доку webpack там есть готовый файл для react. читай по строчке, если какой-то пункт не понятен, ищи ответ в той же доке.

Попробуй: https://scotch.io/tutorials/setup-a-react-environment-using-webpack-and-babel

Да так я могу проект собрать. Больше интересует как файлы по папкам раскидывать. Что куда. Просто я выходец с php, где я мог динамически по урлу подключать нужные файлы, а здесь как-то приходится всё всё подключать

Да так я могу проект собрать. Больше интересует как файлы по папкам раскидывать. Что куда. Просто я выходец с php, где я мог динамически по урлу подключать нужные файлы, а здесь как-то приходится всё всё подключать

Интерес именно в организации? Если да, то никак не смогу помочь к сожалению. В React "теме" являюсь новичком :)

Да так я могу проект собрать. Больше интересует как файлы по папкам раскидывать. Что куда. Просто я выходец с php, где я мог динамически по урлу подключать нужные файлы, а здесь как-то приходится всё всё подключать

https://github.com/davezuko/react-redux-starter-kit

https://github.com/davezuko/react-redux-starter-kit

годнота.

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

А я много проектов в поиске на GitHub ищу :)

Вроде помогает.

а может кто подсказать по поводу работы с fetch в redux для самых маленьких? чет мне официальная дока не особо помогла разобраться.

И ещё вопрос. Тоже не разобрался. Есть компонент миникарзины в шапке сайта, есть товар. При нажатии на кнопку купить как мне перерендерить другой компонент?

И ещё вопрос. Тоже не разобрался. Есть компонент миникарзины в шапке сайта, есть товар. При нажатии на кнопку купить как мне перерендерить другой компонент?

redux

а может кто подсказать по поводу работы с fetch в redux для самых маленьких? чет мне официальная дока не особо помогла разобраться.

https://github.com/gaearon/redux-thunk там есть примеры

https://github.com/gaearon/redux-thunk там есть примеры

ох :D ну ладно, попробую, спасибо)

ох :D ну ладно, попробую, спасибо)

если какие то конкретные вопросы то спрашивай, просто иначе оно как то очень общо.

не ну я могу куски кода покидать как у меня это сделано

если какие то конкретные вопросы то спрашивай, просто иначе оно как то очень общо.

да не, конкретных вопросов пока нет, я вообще ищу какой ни будь видос, где я увижу как кто-то пишет код, как «думает» а не просто выдержи кода с примерами.

На эггхеде есть два курса про редакс

Раньше были бесплатные

На эггхеде есть два курса про редакс

Если ты про курс от Дэна Абрамова,то он и сейчас бесплатен https://egghead.io/courses/getting-started-with-redux

Там еще второй есть

да да

https://egghead.io/courses/building-react-applications-with-idiomatic-redux