Ну так вот же: https://create-react-app.dev/docs/post-processing-css/

Шарю, поэтому и спрашиваю Слишком очевидное решение, я в это как то даже не поверил

Видимо да, хватит этой настройки А где почитать что именно означает "last 2 versions" / "not dead"?)

парни внутри в functional component вы пишите фнукции нормальные или arrow functional ?

Дело вкуса. Договаривайся с командой. Если один - пиши как нравится.

разницы на перфоманс нет ?

парни внутри в functional component вы пишите фнукции нормальные или arrow functional ?

const dispatch = useDispatch(); вызывает Exception Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: 1. You might have mismatching versions of React and the renderer (such as React DOM) 2. You might be breaking the Rules of Hooks 3. You might have more than one copy of React in the same app See https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.

Так как useCallback, то стрелки.

выши отписали что без разницы

Так как useCallback, то стрелки.

парни внутри в functional component вы пишите фнукции нормальные или arrow functional ?

😂😂а как тогда вызвать сагу из interceptora?))

Нпрод, правильно понимаю, что reselect это компьютеды для редакса?

Нпрод, правильно понимаю, что reselect это компьютеды для редакса?

Йеп

Это мемоизированные селекторы.

Я везде пишу стрелки, кроме генераторов(

Где ты генераторы юзаешь?

И редакс их вообще из коробки не дает?

Где ты генераторы юзаешь?

Диспатчите через store.dispatch(), если у вас есть доступ к store. Но это решение несовместимо с SSR.

Нормальную мемоизацию - нет, не дает. Селекторы в mdtp будет вызываться на каждое изменение стора.

есть ссылка ан какой то пример?)

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

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

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

Нет. Вы можете быть спокойны только если функция объявлена за пределами компонента.

Мне кажется, что вопрос был про connect. Он всегда за пределами компонента

Нет. Вы можете быть спокойны только если функция объявлена за пределами компонента.

ок, запутался, нет разницы какая функция стрелковая или нет

такой вопрос, есть модалка для подробностей юзера, когда модалка открывается она в пропсах принимает инфу основную и должна подгружать доп инфу этого юзера, в useEffect можно сделать запрос и после этого сетить доп данные в стор, и отображать их в модалке. Но тут такая делема, запрос на доп инфу идет с id дополнительным, который иногда null, что тогда делать? Проверять ID и потом делать запрос или всегда отправлять в любом случае, но если приходит ошибка, то ставить дефолные поля вместо инфы?

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

конечно

То есть можно создать в сторе дефолтные значения, которые будут отображаться и они будут обновляться только если новые прийдут ?

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

Всем здравствуйте? Как добавить onSelect на input ratio? <input type="radio" value="Credit" onSelect={this.handle_change} name="type"/> - Не работает

onChange

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

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

Пробовал, так же не работает

Что ты хочешь делать? Нет реакт ничего не генерит

Ребят, как можно переписать функиональный компонент в классовый, чтобы в классовом можно было использовать dispatch в render методе? let AddTodo: any = ({dispatch}) => { .... }; AddTodo = connect()(AddTodo); export default AddTodo; Пытаюсь так: class AppTodo extends Component { constructor(props) { super(props); const {dispatch} = props; console.log('[AppTodo] works...', dispatch); } render() { let input; return ( <div}}> dispatch(addTodo(input.value)); </div> ) } } export default connect()(AppTodo); Получаю ошибку при компиляции: Cannot find name 'dispatch'. TS2304

да мне там нужно для словаря

дичь. У меня в глазах уже ошибка синтаксиса как минимум

что за словарь?

Это шаблон, не полный код

ассоциативный массив обычный. Нужно стейты записать и сравнить

ассоциативный массив обычный. Нужно стейты записать и сравнить

ассоциативный массив обычный. Нужно стейты записать и сравнить

не сравнить, а хранить для add/removeEventListener. Так просто в стейтлессе они не могут увидеть обновленный стейт

ну Cannot find dispatch как бы намекает на что-то) Есть опыт работы на js то?)

Подними стейты выше или юзай стейт менеджер

ну Cannot find dispatch как бы намекает на что-то) Есть опыт работы на js то?)

я могу в render методе напрямую использовать диспатч из пропросов?

нет, dispatch неоткуда взять

не сравнить, а хранить для add/removeEventListener. Так просто в стейтлессе они не могут увидеть обновленный стейт

Ты что то делаешь не так