Поддерживаю. У меня вообще нет нигде Redux. А когда пришел тимлидом и архитектором все заставил переписать, благо немного было. Так народ там таких чудес натворил скрещивая Redux и ApolloClient, что плакать хотелось. Когда я объяснил что Редакс нафиг не нужен, и что глобальное состояние надо хранить в адресной строке (чтоб можно было скопировать и отправить ссылку по телеге или почте, открыть и увидеть тот же экран что у тебя) а фетчингом данных с сервира занимается АполлоКлиент. То уже буквально через месяц народ сильно повеселел, выпилив кучу мусорных экшенов и редьюсеров. И стал реально кайфовать. Прям реально несколько раз подходили и благодарили, те кто топил за Редакс. Резюме: глобальный стейт в адресной строке, а не редаксе. Так как есть ограничение по размеру урла, то народ не засовывает всякий мусор в этот стейт. А с умом уже подходит к выбору параметров.

в строке? это рофл?

в строке? это рофл?

пытаюсь использовать basename у react-router для subdir мультиязычности (/ru, /en), но динамическая смена basename не обновляет урлы у NavLink

не обновит. Нужно компонент линк делать свой, где будешь подставлять lang

можно с помощью материал юай делать формы? то есть, чтоб можно было табам по форме гулять, и по энтеру шёл onSubmit? нашёл это, не оно?

а кто мешает обернуть инпуты нативным form ?

есть но видимо кнопка сабмита имеет preventDefault у вас

а у теья баттон это баттон?

ну лан пойду в доку схожу

halp, написал что-то вроде этого <form onSubmit={() => {console.log('qwe');}}> <Grid item xs={5}> <Input value={dropDownForm.label} name="label" id="drop-down-input-label" label="Label" onChange={onChange} /> </Grid> <Grid item xs={5}> <Input value={dropDownForm.value} name="value" id="drop-down-input-value" label="Value" onChange={onChange} /> </Grid> <Grid item xs={2}> <Button onClick={onConfirm} className={classes.dropDownItemButton} > Add </Button> </Grid> </form> 0 реакции на энтер. что я делаю не так?

ну лан пойду в доку схожу

<form className={classes.form} onSubmit={handleLogin}> ---- Inputs ---- <Button type="submit" fullWidth variant="contained" color="primary" className={classes.submit} > Sign In </Button>

указал. пофигу. попробую в песочнице.

указал. пофигу. попробую в песочнице.

убери онклик с кнопки

а можете подсказать канал по редуксу? в пм. Или можно тут спрашивать?

Новая подборка статей и новостей по React экосистеме. - React 16.10 - TDD с React Testing Library и Jest - Сохранение глобального стейта в чистоте - Переиспользуемые компоненты на примере форм https://t.me/this_week_in_react

У меня на проекте 16.8 - это легаси уже да...? 🌚

А нормально ли юзать переменные объявленные в css через styled components?

вай нот

ну неявно выглядит, не придется ли пояснять как это так?

@redux_ru

css-in-js зло

css-in-js зло

атветь

const labelRef = useRef(null); const onConfirm = (e) => { e.preventDefault(); addItemToDropDown(activeField.id, dropDownForm); resetDropDownForm(); labelRef.current.focus(); }; <Input ref={labelRef} /> может кто сказать, почему выдаёт focus not a func?

В какой момент выдаётся это?

на onConfirm

А что такое Input?

ну, это мой инпут. я хочу перевести фокус на первый элемент. на confirm

forwardRef использовал?

ну вон же, useRef

ну вон же, useRef

Читай доку. Это разные вещи.

И что? Реф берётся от input, а не от твоего компонента.

так и как я должен это написать?

так и как я должен это написать?

какое отношение он имеет? мне нужен ref первого инпута. я в нём и пишу ref={QWEQWEQWEQWE}

читай доку на реф :) реф у тебя создастся на интсанс реакт компоненты, а не на нативный элемент. у этой рефы нет focus

у инпута нет фокуса?

у инпута нет фокуса?

Ты понимаешь как работает проп ref?

Ты понимаешь как работает проп ref?

очевидно, нет

реф это просто объект, который можно мутировать и связывать с каким-то элементом

реф это просто объект, который можно мутировать и связывать с каким-то элементом

атветь

Тебе этого чата мало?)

а здесь это обсуждают ?