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

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

Нельзя создавать styled-component внутри другого компонента, он у тебя маунтится/анмаунтится каждый рендер

можно завернуть в useCallback и ререндериться не будет

Да, и не называй компоненты функциями, создаешь путаницу

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

Как тут

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

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

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

Нет разных мнений, с useCallback это какое то говно

Я думал что ты за то где объявлять стили...

ну ты все функции вне компонента объявляешь да?

При чем тут функции? У него кейс с sc

в чем концептуальное отличие?

В том что sc это компонент

const Parent = () => { const Child = () => <div>Child</div> return <div><Child /></div> } тут Child - это функция или уже компонент?

Компонент

и по твоей логике его надо объявлять вне Parent?

Да

а если он использует пропсы парента, пробрасывать?

а если он использует пропсы парента, пробрасывать?

Да, неужели у тебя такой говнокод?

Как в использовании react-starter-kit ? Топ или кал?

cra/razzle топ

Так и не понимаю как реализовать one way binding. Two way это же когда в value пишем состояние а в onChange заносим e.target.value в состояние

Two way это model во vue, в реакте только one way

Понял. А как понять то что two way может иметь side effects, есть examples?

Ну да топовая штука. А как там react-starter-kit ?

Что?

Он больше на такое приложение, более продвинутое, там свой бакенд с графкулом и тд

Ну просто поверь на слово)

Понял. А как понять то что two way может иметь side effects, есть examples?

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

razzle проще будет настроить под себя?

Да не там не про эти сайд эффекты, тут конкретно про недостатки two way binding

Проще будет для начала тебе кра взять и плюнуть

А v-model просто изолирует от написания двух пропсов + хандлер

Кстати достаточно удобная вещь

И вообще v-* у вуя мне нравится

Ребят всем привет. Подскажите есть ли отдельные компоненты под реакт (в идеале чтоб с сср норм работали) Именно отдельные компоненты а не целые библиотеки.

Это называется директивы

А v-model просто изолирует от написания двух пропсов + хандлер

Лишает контроля ты хотел сказать?

ну или так )) но там еще вотчеры есть, поэтому не критично

Всем здравствуйте. Еще вчера задавал вопрос, но ответ не помог. Можно ли как-нибудь создать универсальную change_state функцию? change_state = (state, e) => { this.setState({state: e.target.value}) } - Не работает

Как ты ее вызываешь?

Гений бл*ть...

Я с Vue перешел неделю назад, поэтому не отрицаю что пи*дец глупые вопросы

Для инпутов можешь задавать атрибут name и потом с таргета его брать и занять в стейт

А почему перешёл если не секрет?