Коллеги, есть компонент Loader, для анимации используется простой keyframes. Обычно возвращаю его в рендере, по каким-то флагам, соответственно каждый раз он маунтится по новой. В местах, где флаг меняется часто, есть проблема - анимация каждый раз запускается заново. Как можно добиться плавной анимации? Есть варианты, помимо отказа от постоянного удаления/добавления элемента в DOM (пример ниже)? if (loading) { return <Loader /> } менять везде на <Loader show={loading} />

ну да, типа модификатор будет

2 конфига

Прошу прощения, за навязчивость. Не могли бы подсказать, как можно сделать два конфига? просто в инете смотрел, ничего такого не нашёл. Два файла создать? То как их назвать? Спасибо!!

Прошу прощения, за навязчивость. Не могли бы подсказать, как можно сделать два конфига? просто в инете смотрел, ничего такого не нашёл. Два файла создать? То как их назвать? Спасибо!!

Можешь глянуть в webpack merge, есть примеры.

Можешь глянуть в webpack merge, есть примеры.

Спасибо!!)

Прошу прощения, за навязчивость. Не могли бы подсказать, как можно сделать два конфига? просто в инете смотрел, ничего такого не нашёл. Два файла создать? То как их назвать? Спасибо!!

https://webpack.js.org/configuration/configuration-types/#exporting-multiple-configurations

https://webpack.js.org/configuration/configuration-types/#exporting-multiple-configurations

СпасибО!))

В startDate точно дата?

Я в пропс ее передаю

Сделать popsTypes.isReq: date?

Точно передается все как надо? ? Ошибка возникает от того, что там скорее всего не Date

Проп с датой откуда берется? Вот там скорее всего проблема кроется

Сделать propsTypes?

Сделай, глянь, что скажет

кто в драфте шарит?

TypeError: Cannot read property 'getIn' of undefined ? как исправить?

пацыки, а как правильно сделать, чтобы если пользователь зашел на сайт под своей учеткой, то чтобы после обновления страницы он не сбрасывалсяа. У меня идет связка cra,express,mongo/mongoose

пацыки, а как правильно сделать, чтобы если пользователь зашел на сайт под своей учеткой, то чтобы после обновления страницы он не сбрасывалсяа. У меня идет связка cra,express,mongo/mongoose

Сессии?

Народ, выручайте. Нужно несколько не сложных примеров работ на react. Так уж получилось, что начал изучать react, и тут заказ сходу получил. Просят реальные проекты предоставить.

Привет, а есть какие-то группы, где можно о best practices поспрашивать?

/stat@combot

combot.org/chat/-1001032883247

/stat@combot

combot.org/chat/-1001032883247

combot.org/chat/-1001032883247

Будьте добры) подскажите пожалуйста. Чтобы работал ssr в связке react+express. То роутингом надо пользоваться от express или не обязательное от express?

В любом случае, может кто подскажет: Есть следующая иерархия компонентов: <FormComponent> внутри него <CategorySearchComponent> <TextInputComponent text=""> <TextInputComponent=""> <HeadersSearchComponent> Если писать форму самостоятельно, неужели для каждого инпута нужно прокидывать handler от родителя?

В любом случае, может кто подскажет: Есть следующая иерархия компонентов: <FormComponent> внутри него <CategorySearchComponent> <TextInputComponent text=""> <TextInputComponent=""> <HeadersSearchComponent> Если писать форму самостоятельно, неужели для каждого инпута нужно прокидывать handler от родителя?

да, или использовать final-form

Не подскажете чат по sass?

Сколько значений ретурн возвращает?

Сколько значений ретурн возвращает?

Так ведь в круглые скобки обернул. В целом одно?

Так ведь в круглые скобки обернул. В целом одно?

Джс так не считает

Бл.

Можно в <> </> обернуть

Понял, надо обернуть в див похоже.

Можно в <> </> обернуть

Эмм, и это норм?

Эмм, и это норм?

Если у тебя 7 babel, то да

это наверно новая фича из 16

Эмм, и это норм?

да?

ой все, понял

Будьте добры) подскажите пожалуйста. Чтобы работал ssr в связке react+express. То роутингом надо пользоваться от express или не обязательное от express?

Эмм, и это норм?

да, если у тебя есть фрагменты

гайз, пакет prop-types компонент функциональный я в этом компоненте могу как и раньше (v14) использовать defaultProps? например, так - Ingredient.propTypes = { amount: PropTypes.number.isRequired, measurement: PropTypes.string.isRequired, name: PropTypes.string.isRequired } Ingredient.defaultProps = { amount: 0, measurement: '', name: '' }

гайз, пакет prop-types компонент функциональный я в этом компоненте могу как и раньше (v14) использовать defaultProps? например, так - Ingredient.propTypes = { amount: PropTypes.number.isRequired, measurement: PropTypes.string.isRequired, name: PropTypes.string.isRequired } Ingredient.defaultProps = { amount: 0, measurement: '', name: '' }

Да

ок

Из за чего эти ошибки?

в цикле где у тебя рендерятся элементы нужно добавить key

он должен быть уникальным

да, если у тебя есть фрагменты

А что имеется ввиду под фрагментами? Просто multiple elements на верхнем уровне?

Из за чего эти ошибки?

key забыл

В варнинге всё написано

А что имеется ввиду под фрагментами? Просто multiple elements на верхнем уровне?

React.Fragment

React.Fragment

Но ведь <> </> это просто shortcut для <React.Fragment>

в цикле где у тебя рендерятся элементы нужно добавить key

А об этом я ещё не знаю. А для чего он нужен?

ухты! первый раз вижу VSC с русским интерфейсом! )

Но ведь <> </> это просто shortcut для <React.Fragment>

Да

А об этом я ещё не знаю. А для чего он нужен?

Ты вообще пробовал читать документацию?

https://reactjs.org/docs/lists-and-keys.html

не благодари

Тебе даже в варнинге ссылку дали

все есть на офф доке

Ты вообще пробовал читать документацию?

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

Верно?

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

Чтобы не перерендеривал всё заново при изменении порядка нескольких чайлдов

Или при пропаже одного из них

Или при добавлении нового

Чтобы не перерендеривал всё заново при изменении порядка нескольких чайлдов

В моём случае, мне придётся сделать ещё один массив к примеру с индексами для него? Или есть другой способ задачи ключей?

Да

Да и это и не вопрос был, я просто уточнял, правильно ли понял ответ Романа

В моём случае, мне придётся сделать ещё один массив к примеру с индексами для него? Или есть другой способ задачи ключей?

нет, там где у тебя map, второй аргумент делаешь index

list.map((item, index) => )

пример

В моём случае, мне придётся сделать ещё один массив к примеру с индексами для него? Или есть другой способ задачи ключей?

Вообще обычно у тебя есть id на объектах, которые ты рендеришь. А вообще, у .map есть второй параметр и это индекс

Но индекс это плохой способ

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

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

Эмм, а если буду, то что было бы лучшим решением?

Эмм, а если буду, то что было бы лучшим решением?

Ну, если ты рендеришь данные с сервера, там обычно есть id

Если нет, то можно uuid сгенерить

Только заранее

Не в самом рендере

А вот со второй как быть?

Хз, гугли

ну седя по всему у тебя какой-то пакет storage

нужно читать доку

можно на гитхабе просмотреть ишью

думаю там могут быть ответы

неееееееееееет, только не index

Это может быть из-за расширения для реакта в chrome?

а ты localstorage не используешь?

А вот со второй как быть?

это разве к реакту? там метабар какой-то грузиться пытается. Судя по гуглу - это какое-то расширение спамит

На egghead вышел курс про SSR на next.js

https://learnnextjs.com/