Не нашел чатов по быстрому

Не нашел чатов по быстрому

значит стоит поискать не по быстрому

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

это не я пихаю, eslint автоматом пихает при сохранении

в общем, похоже в моем случае только глушить правило поможет, всем спасибо

значит стоит поискать не по быстрому

По быстрому лучше, но не всегда

в общем, похоже в моем случае только глушить правило поможет, всем спасибо

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

в общем, похоже в моем случае только глушить правило поможет, всем спасибо

В вашем случае надо написать код так, чтобы loadIntegrations не пересоздаваль на каждый ререндер

то есть обернуть ее в useCallback?

в том месте, где она определена

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

так проще же suppress варнинга

то есть обернуть ее в useCallback?

например

так проще же suppress варнинга

либо научится решать эту проблему чтобы не вырубать правило в каждом подобном месте)

либо научится решать эту проблему чтобы не вырубать правило в каждом подобном месте)

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

@artalar Сколько звезд у либы?)

Не понял, что не так?

например

а как это по-нормальному сделать? У меня проект весь на классах, я только вот сейчас по заветам Абрамова для новых компонентов использую хуки. Дата провайдер, где определена эта loadIntegrations написан классом, со своими setState и тд. Я же не могу просто вот в том же месте, где щас взять и написать типа const fetchData = useCallback(this.props.data.loadIntegrations)

а в том месте, где она определена вроде как нельзя использовать useCallback

а как это по-нормальному сделать? У меня проект весь на классах, я только вот сейчас по заветам Абрамова для новых компонентов использую хуки. Дата провайдер, где определена эта loadIntegrations написан классом, со своими setState и тд. Я же не могу просто вот в том же месте, где щас взять и написать типа const fetchData = useCallback(this.props.data.loadIntegrations)

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

Если покажите код где определена эта функа то может станет понятнее

гайс, хелп, есть Formik (инпут с валидацией) справа абсолютом наложена (икнка ошибки - когда есть, если нету - то иконка удалить), набираю текст в инпуте - всё ок, нажимаю на сбросить - вызывается onBlur всё красное - ошибки валидации, но коллбек на иконку (reset) не вызывается, клик фиксируется на всплытие в document.body, но reset не вызывается, как быть? Если onBlur не отдам инпуту, то всё работает прекрасно (без валидации)

Не понял, что не так?

Декларативно-очевидно)

Научный интерес, юниоры нынче предполагаются знать типизацию?

Научный интерес, юниоры нынче предполагаются знать типизацию?

У меня да, ну или как минимум не сопротивляться typescript’у

Сопротивляться? Это настаивать на Flow ?

Сопротивляться? Это настаивать на Flow ?

У меня негативный опыт с флоу

А у меня нет, тайпскрипт от лукавого

А у меня нет, тайпскрипт от лукавого

Никого не агитирую, просто опытом делюсь

Никого не агитирую, просто опытом делюсь

Взаимно :)

Сопротивляться? Это настаивать на Flow ?

Сопротивляться - это отказываться изучать программирование и предпочитать ‘программировать’ на фреймворке/библиотеке без понимания происходящего.

А у меня нет, тайпскрипт от лукавого

типоскрипт*

типоскрипт*

Лол :)

Сопротивляться - это отказываться изучать программирование и предпочитать ‘программировать’ на фреймворке/библиотеке без понимания происходящего.

Коли там и обучают, то это хорошо.

Коли там и обучают, то это хорошо.

Ну программировать надо уметь всё-таки, подразумеваю что на вакансию frontend react человек знает уже язык

Полезно. В разных местах могут учить, могут "сам учи".

Кто-нибудь работал с react-mapbox-gl от Uber? Что-то не пойму как на определенный слой навесить событие, подскажите плз.

Полезно. В разных местах могут учить, могут "сам учи".

Главное чтобы не сопротивлялся клиент обучению

Такие есть? В своё время я бы далеко был от сопротивления.

Как няньки стоять и утешать при каждом undefined is not a function не очень весело

Такие есть? В своё время я бы далеко был от сопротивления.

Встречаются

типоскрипт*

О вкусах не спорят

nom run build такая ошибка. что могло пойти не так?

Блоки кода или логов можно выложить, поместив между парой ```.

Блоки кода или логов можно выложить, поместив между парой ```.

На пережатом скриншоте же лучше читается :(

Блоки кода или логов можно выложить, поместив между парой ```.

я не понимаю, кому вы отвечаете)

пипец, сейчас 20кб из бандла выкинул, минифицировав createElement

че че сделал?

че че сделал?

заменил в бандле react.createElement на кастомный импорт, ибо react.createElement("div") минифицируется в e.createElement("div"), a кастомный импорт типа MyReactCreateElement -> e("div")

я не знаю, может cra это подефолту делает, но я с него ушел год назад на rollup, т.к. продакшен-бандл меньше был процентов на 10

заменил в бандле react.createElement на кастомный импорт, ибо react.createElement("div") минифицируется в e.createElement("div"), a кастомный импорт типа MyReactCreateElement -> e("div")

Не совсем понятно какой импорт заменили, можете поподробнее

Не совсем понятно какой импорт заменили, можете поподробнее

babel({ presets: [ ["@babel/react", {"pragma": "ReactCreateElement"}], ], plugins: [ ["babel-plugin-jsx-pragmatic", {module: "ReactCreateElement", import: "ReactCreateElement"}], ], }),

ReactCreateElement: import React from 'react'; export default React.createElement;

Понятно, надо тоже так попробовать, у меня не babel правда, но для tsc тоже можно кастомную фабрику для jsx элементов задавать

если мне нужно передать реф элемента наверх через 2 промежуточных функциональных компонента, я их предварительно должен создать через React.forwardRef()?

если мне нужно передать реф элемента наверх через 2 промежуточных функциональных компонента, я их предварительно должен создать через React.forwardRef()?

Можно просто ref через пропсы прокинуть

Можно просто ref через пропсы прокинуть

не прокидывается функциональным

не прокидывается функциональным

Всё прокидывается, назови какие-нибудь типа myRef и прокидывай

const actionOne = () => dispatch => { dispatch({ type: "ACTION_ONE", payload: "The_action_itself" }) } Люди, что это за синтаксис такой? Ктонибудь может объяснить? (пример работает, но хотелось бы детально разобраться)

const actionOne = () => dispatch => { dispatch({ type: "ACTION_ONE", payload: "The_action_itself" }) } Люди, что это за синтаксис такой? Ктонибудь может объяснить? (пример работает, но хотелось бы детально разобраться)

Ты создаёшь функцию actionOne которая возвращает dispatch, которая выполняет вызов функции dispatch

Ты создаёшь функцию actionOne которая возвращает dispatch, которая выполняет вызов функции dispatch

Как это возвращает dispatch?

Ты создаёшь функцию actionOne которая возвращает dispatch, которая выполняет вызов функции dispatch

Не возвращает диспатч, а возвещает функцию, которая принимает диспатч

dispatch внутри actionOne?

Функция которая возвращает функцию которая шлёт диспатч куда-то

Это кстати в @js_noobs_ru

Никуда диспатч не пересылается, не надо

Никуда диспатч не пересылается, не надо

Диспатчит куда-то*

А последний dispatch - это функция которая аргументом принимает объект?

А последний dispatch - это функция которая аргументом принимает объект?

Угу

Но можно и такую же функцию как и actionOne в него передать

То есть первый dispatch - это объявление, а второй - callback?

То есть первый dispatch - это объявление, а второй - callback?

Первый диспатч - название аргумента функции, второй - вызов его как функции

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

Первый диспатч - название аргумента функции, второй - вызов его как функции

А почему тогда аргумент не указали в первых скобках? Что это за "const actionOne = () => dispatch => ..." ?!

А почему тогда аргумент не указали в первых скобках? Что это за "const actionOne = () => dispatch => ..." ?!

Чтобы прокинуть это в коннект, где оно ещё раз обернется в фунцию

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

Чтобы прокинуть это в коннект, где оно ещё раз обернется в фунцию

Не пойму, как может быть первый dispatch аргументом, когда он идет уже после стрелки. Там начинается уже тело функции actionOne, правильно?

Не представляю как это дебажить, если ещё и диспатчиться будет в разные сторы..

Не пойму, как может быть первый dispatch аргументом, когда он идет уже после стрелки. Там начинается уже тело функции actionOne, правильно?

Ща, достану ноут и перепишу без стрелочных функций, будет понятнее

Не представляю как это дебажить, если ещё и диспатчиться будет в разные сторы..

Супер1

Не представляю как это дебажить, если ещё и диспатчиться будет в разные сторы..

А то совсем непонятно

const actionOne = function () { return function (dispatch) { dispatch({ type: "ACTION_ONE", payload: "The_action_itself" }) } }

const actionOne = function () { return function (dispatch) { dispatch({ type: "ACTION_ONE", payload: "The_action_itself" }) } }

не проще в стрелку завернуть?

не проще в стрелку завернуть?

так была стрелка, непонятна она @wwwal2