код с эффектами сложнее понимать

зависит от нагруженности самого компонента

Дайте линк на mobx чатик пожалуйста

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

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

вот такие изменения уже конечно лучше в эффекте встречать

код с эффектами сложнее понимать

спорно как по мне, проще в эффекте увидеть, еще в начале тела компонента, какие сайд-эффекты происходят и почему, чем лазать по хендлерам в верстке)

спорно как по мне, проще в эффекте увидеть, еще в начале тела компонента, какие сайд-эффекты происходят и почему, чем лазать по хендлерам в верстке)

+

какой сейчас есть способ получить из обычной строки react elements?

Обновил реакт, вижу это. Подскажите, в какую сторону копать?

ctrl+f Context.Consumer

Обновил реакт, вижу это. Подскажите, в какую сторону копать?

react-redux тоже обнови

День добрый. Обновляю стейт, после чего хочу закинуть его в стор через dispatch, однако dispatch срабатывает раньше setState. Подскажите, как быть?

День добрый. Обновляю стейт, после чего хочу закинуть его в стор через dispatch, однако dispatch срабатывает раньше setState. Подскажите, как быть?

setState асинк

У него есть второй параметр

День добрый. Обновляю стейт, после чего хочу закинуть его в стор через dispatch, однако dispatch срабатывает раньше setState. Подскажите, как быть?

use callback

День добрый. Обновляю стейт, после чего хочу закинуть его в стор через dispatch, однако dispatch срабатывает раньше setState. Подскажите, как быть?

Сама задача звучит странно. Какую проблему вы пытаетесь решить таким поведением?

У него есть второй параметр

Там чистая функция должна быть. На сколько я помню 🤔

День добрый. Обновляю стейт, после чего хочу закинуть его в стор через dispatch, однако dispatch срабатывает раньше setState. Подскажите, как быть?

зачем хранить value и в глобальном и в локальном стейте?

Property 'to' is missing in type '{ children: Element; }' but required in type 'Pick<LinkProps, "color" | "hidden" | "style" | "title" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | ... 255 more ... | "replace">'

Что ему не понравилось в <Link to={`/projects/${project._id}`} key={project._id}>

Там чистая функция должна быть. На сколько я помню 🤔

Я ж вроде про второй парамктр а не про this.setState(prevState => ({}))

зачем хранить value и в глобальном и в локальном стейте?

Потому, что text: value – value инпута, а в глобальном, чтобы закинуть в итоговый ответ этот самый value

react-redux тоже обнови

Спасибо, помогло.

Я ж вроде про второй парамктр а не про this.setState(prevState => ({}))

аа

спорно как по мне, проще в эффекте увидеть, еще в начале тела компонента, какие сайд-эффекты происходят и почему, чем лазать по хендлерам в верстке)

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

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

Ребята, помогите разобраться как сделать авторизацию на сайте через апи? первый запрос дает токен и дальше с ним работаем

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

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

День добрый. Обновляю стейт, после чего хочу закинуть его в стор через dispatch, однако dispatch срабатывает раньше setState. Подскажите, как быть?

setState(state => ..., () => dispatch(...))

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

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

может поэтому и недолюбливаю эти эффекты

ну это не проблема эффектов

самое забавное, что пока не было этих хуков народ как то не особо юзал componentDidUpdate в этом же ключе

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

избыточное указание опций там где не нужно

setState(state => ..., () => dispatch(...))

То, что нужно, спасибо)

@pravosleva ищи в babel конфиге что-то типа

укажи там явно 3-ю версию

либо избавься от самой опции useBuiltIns если нет понимания зачем она нужна

часто встречаю этот косяк когда какой-нибудь умник начинает воять свои конфиги по stackoverflow

@pravosleva ищи в babel конфиге что-то типа

Так. В конфиге нет строки useBuiltIns

Так. В конфиге нет строки useBuiltIns

в package.json есть депенденси на core-js?

в package.json есть депенденси на core-js?

Нет.

🤔а target node точно надо?

да не надо там вообще это все :)

народ пихает на шару

@pravosleva ты либо установи core-js 3 и укажи в useBuiltIns либо снеси опции для preset-env

в 99% обычных случаев такая тонкая настройка не нужна, особенно если нет понимания что это дает

браузерлист лучше добавить

вполне возможно что у тебя будет все работать даже просто с preset-react

браузерлист лучше добавить

если ты знаешь аудиторию свою, то лучше делать билды под конкретные категории

а то там подгрузится тонна полифилов на все случаи жизни

@ValeryKobzar , Я добавил core-js, добавил пару строк в .babelrc, собрал проект и получил основной бандл 3.54 Mb (до этого было 1.5). Полностью проект раздуло до 10 М (Раньше было 3.5 М)

@ValeryKobzar , Я добавил core-js, добавил пару строк в .babelrc, собрал проект и получил основной бандл 3.54 Mb (до этого было 1.5). Полностью проект раздуло до 10 М (Раньше было 3.5 М)

отправляй изображение не файлами

Ок, щас.

@ValeryKobzar , Я добавил core-js, добавил пару строк в .babelrc, собрал проект и получил основной бандл 3.54 Mb (до этого было 1.5). Полностью проект раздуло до 10 М (Раньше было 3.5 М)

useBuiltIns: false

попробуй и почувствуй разницу

Подскажите в массиве есть такие вот данные: [{"qty":"0.00928100"}] Как мне извлечь цифру через JS, так что бы это была цифра. Для дальнейших расчётов. А то оно сопротивляется.

a = [{«qty":"0.00928100"}] parseFloat (a[0][«qty»])

a = [{«qty":"0.00928100"}] parseFloat (a[0][«qty»])

Спасибо )

как так, у меня есть инпут с типом number после того как я жму сабмит. выполняются все валидашки все невалидные поля подсвечиваются все дела и затем в инпуты с типом number появляется возможность вводить символы, почему так?)

как так, у меня есть инпут с типом number после того как я жму сабмит. выполняются все валидашки все невалидные поля подсвечиваются все дела и затем в инпуты с типом number появляется возможность вводить символы, почему так?)

чувствуешь себя обманутым? :)

да)

чувствуешь себя обманутым? :)

как такое возможно?

как такое возможно?

покажи свой инпут

как так, у меня есть инпут с типом number после того как я жму сабмит. выполняются все валидашки все невалидные поля подсвечиваются все дела и затем в инпуты с типом number появляется возможность вводить символы, почему так?)

если вопрос только в символе e то расслабься чел, эт показатель экспоненты, что есть число, его можно вводить всегда, валидация не причем

покажи свой инпут

если вопрос только в символе e то расслабься чел, эт показатель экспоненты, что есть число, его можно вводить всегда, валидация не причем

а да действителньо, только e пропускает....

вот это открытие

понял принял

понял принял

да просто замену делай +/-/e

Ctrl+Z

откатывай коммит