не только TextField, но и buttons получается тоже

Я бы делал обычный компонент и на следовался бы от него, а не от React.Component, но не факт, что моё решение подходящее

озадачил я вас походу

Я бы делал обычный компонент и на следовался бы от него, а не от React.Component, но не факт, что моё решение подходящее

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

Я бы делал обычный компонент и на следовался бы от него, а не от React.Component, но не факт, что моё решение подходящее

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

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

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

React awesome смотрел?

сейчас гляну, спасибо

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

Верно. Композиция - это принятый способ организации проекта. Наследование усложняет восприятие и ограничивает программиста.

Абстрагируясь от Реакта тебе в простом случае подойдёт обычный стор в виде массива в котороом в необходимом порядке лежат ссылки на инпуты. Ну и соответсвенно на события клавы дёргаешь фокус следующего (предыдущего) инпута

ок, всем спасибо, ребята. очень помогли

ради этого стояло вернуться в чатик ?)

Дак у китайцев своё зеркало нпм

Парни. Как сжать реакт скрипт. Чтобы вес был меньше 1 мб или сколько надо, чтобы google page speed не ругался

Парни. Как сжать реакт скрипт. Чтобы вес был меньше 1 мб или сколько надо, чтобы google page speed не ругался

gzip

Парни. Как сжать реакт скрипт. Чтобы вес был меньше 1 мб или сколько надо, чтобы google page speed не ругался

loadable-components

Дак у китайцев своё зеркало нпм

Так и реакт и ангулар они оттуда качают значит

gzip

спасибо

loadable-components

спасибо

Парни. Как сжать реакт скрипт. Чтобы вес был меньше 1 мб или сколько надо, чтобы google page speed не ругался

Еще можно пройтись бандл анализатором, чтобы понять, где вы тянете лишнее

Парни. Как сжать реакт скрипт. Чтобы вес был меньше 1 мб или сколько надо, чтобы google page speed не ругался

code splitting

Еще можно пройтись бандл анализатором, чтобы понять, где вы тянете лишнее

это полезно

Покажи форму

remove event listener

спасибо

Пишется одно приложение для web и native на реакт. У каждого разные tsconfig.json. Как указать нужный? Для веба юзаем webpack

Пишется одно приложение для web и native на реакт. У каждого разные tsconfig.json. Как указать нужный? Для веба юзаем webpack

что значит у каждого разные tsconfig?

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

Добавь инпуту value={this.state.email}

Добавь инпуту value={this.state.email}

он тогда readonly будет

Не будет

Ты же в handleInputChange записываешь значение в стейт?

Почитай про формы в реакте

он тогда readonly будет

onChange= ({ target }) => this.setState({ email: target.value })

в такои духе

Ну да, все норм, добавь value

onChange= ({ target }) => this.setState({ email: target.value })

event.target.value

event.target.value

точн

onChange= ({ target }) => this.setState({ email: target.value })

так варнинг то откуда

так варнинг то откуда

документация

вот в хендер тот и запихуй сохранение через сет стейт

if valid -> setState, else -> error (if need)

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

простов арнинг этот смущает

я его вообще впервые вижу

но так как ты делаешь форму - это возраняется спекой по React

ты мутабельность юзаешь

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

дабавил инпуту value, он стал "управляемым", ничего не изменилось, варнинг остался

но так как ты делаешь форму - это возраняется спекой по React

но тут ты прав

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

onSubmit зачем через анонимку то можно же забиндить метод

дабавил инпуту value, он стал "управляемым", ничего не изменилось, варнинг остался

https://reactjs.org/docs/forms.html#controlled-components

onSubmit зачем через анонимку то можно же забиндить метод

Ты заебал столбить

Ты заебал столбить

столбить?

столбить?

д

а

сто

л

бить

ERROR: S client not available

блет я спрашивал пояснения

а не переписывания

onSubmit зачем через анонимку то можно же забиндить метод

да я смотрел есть ли разница

Пиши свои мысли в одном сообщении, пожайлста.

да я смотрел есть ли разница

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

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

Ресурсов оно считай никаких не требует создание, если че

Ресурсов оно считай никаких не требует создание, если че

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

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

Поверь, нет

на handleSubmit сделай event.preventDefault()

Поверь, нет

ну ты то мне расскажи, а то я ж с реактом не работаю, и с высоконагруженными системами тоже)

ну ты то мне расскажи, а то я ж с реактом не работаю, и с высоконагруженными системами тоже)

Сделай скрин пож

Стикер заебашим

да хоть десять

Более того, создание и вызов тысячи нихуя не стоит

Пустых к примеру

пустых может интерпретатор просто убивает и не создает но мы говорим не про пустые

Ни у кого не было проблем с UX и динамическими импортами? Типо то что компоненты могут долго качаться и т.п.?

Втыкай болванку и индикатор загрузки

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

Когда они обновляются, то куда больше ресурсов уходит на перерисовку)

Когда они обновляются, то куда больше ресурсов уходит на перерисовку)

это само собой

это само собой

Тогда о каких пересозданиях ты говоришь?

Тогда о каких пересозданиях ты говоришь?

о создании функций при рендере когда этого можно не делать

о создании функций при рендере когда этого можно не делать

Чревато снижением производительности из-за лишнего выделения ресурсов на новую функцию? )

о создании функций при рендере когда этого можно не делать

Зависит от случая.

Чревато снижением производительности из-за лишнего выделения ресурсов на новую функцию? )

Снижение будет мелочным.

Чревато снижением производительности из-за лишнего выделения ресурсов на новую функцию? )

когда у тебя 1000 компонентов, и там по 2-3 таких функции, черевато

Снижение будет мелочным.

Очевидно

когда у тебя 1000 компонентов, и там по 2-3 таких функции, черевато

Если они не вызывают перерисовку компонентов, то не черевато.

ну делайте как хотите, дело ваше)

Он слегка не о том начал говорить, когда начал о минусах стрелок в рендере