далеко ты не уйдёшь с css-анимациями

И веб так и будет оставаться представителем убогих интерфейсов

твои анимации который ты пишешь в компоненте. это блин просто инлайновый кусок дерька который потом для всех браузеров переходит в минифицированный css, да, далеко не уеду

например ?

санимируй на css например исчезающий из середины списка элемент

translateY вычисленное значение надо подставить

Господа, CRA некорректно работает с монорепозиториями в плане шаринга депенденсей?

жжош

А чуть конструктивнее, пожалуйста

leave-active у ReactCSSTransitionGroup

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

санимируй на css например исчезающий из середины списка элемент

А на чем ты анимируешь?

А депенденси корректно шарятся?

это другой вопрос, либ хороших много, и css-анимации увы тоже полезны бывают Спор-то из-за другого — я говорю, что обращаться непосредственно к дом-нодам часто нужно, если хоть сколько-то сложные и толковые анимации делаешь

обратится к дом ноде и анимирорвать ее по матрице?

сами компоненты я создавал через nwb, далее делал монорепу лерной и там cra приложение их юзает

{(isNaN(value) || value === null) ? "-" : value.toFixed(1)} Ребят, насколько так приемлемо проверять?

Если этого не избежать, я бы вынес условие в переменную и назвал бы ее семантично

{(isNaN(value) || value === null) ? "-" : value.toFixed(1)} Ребят, насколько так приемлемо проверять?

Можно и так, конечно, если хочется однострочник: { isNaN(floatValue = Number.parseFloat(value)) ? '-' : floatValue.toFixed(1) } Но выглядит как переиспользуемая функция, типа: const formatFloat = value => { const floatValue = Number.parseFloat(value) return isNaN(floatValue) ? '-' : floatValue.toFixed(1) }

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

Можно и так, конечно, если хочется однострочник: { isNaN(floatValue = Number.parseFloat(value)) ? '-' : floatValue.toFixed(1) } Но выглядит как переиспользуемая функция, типа: const formatFloat = value => { const floatValue = Number.parseFloat(value) return isNaN(floatValue) ? '-' : floatValue.toFixed(1) }

{(isNaN(value) || value === null) ? "-" : value.toFixed(1)} Ребят, насколько так приемлемо проверять?

Ребят, а как context читать в stateless компоненте?

useContext hook

Можно и так, конечно, если хочется однострочник: { isNaN(floatValue = Number.parseFloat(value)) ? '-' : floatValue.toFixed(1) } Но выглядит как переиспользуемая функция, типа: const formatFloat = value => { const floatValue = Number.parseFloat(value) return isNaN(floatValue) ? '-' : floatValue.toFixed(1) }

а ты на что собственно проверить хочешь так?

Проверить хочу, если значение NaN или null то вернуть "-", если же число, то вернуть число.toFixed(1)

Поделись плиз опытом, есть проблемы в стеке yarn workspaces + cra ?

там же не только NaN может быть, но и -Infinity/Infinity

бывает, да, из-за хоистинга

Опять же, рамдой легко ещё одно условие добавляется: const formatFloat = pipe(parseFloat, ifElse(either(isNaN, complement(isFinite)), always('-'), n => n.toFixed(1)))

Опять же, рамдой легко ещё одно условие добавляется: const formatFloat = pipe(parseFloat, ifElse(either(isNaN, complement(isFinite)), always('-'), n => n.toFixed(1)))

Мы можем с тобой дружить? 😂👍

rr4 а чего порисходит пушхистори если линк на текущий урл ведет?

rr4 а чего порисходит пушхистори если линк на текущий урл ведет?

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

Опять же, рамдой легко ещё одно условие добавляется: const formatFloat = pipe(parseFloat, ifElse(either(isNaN, complement(isFinite)), always('-'), n => n.toFixed(1)))

Я вот только не пойму, а где в этой функции обрабаывается параметр входящий?

pipe возвращает функцию, которая принимает входящие параметры

Когда-то студентам лекцию про ФП и js читал, может заинтересует кого

Видео не записывали?

return pipe(...)(num); — так сделайте

https://ramdajs.com/

Можно изолированно тестировать код