Size: a a a

React — русскоговорящее сообщество

2020 August 14

И

Иван in React — русскоговорящее сообщество
Sugar Kane
Немного неправильно может выразился. onChange при сабмите меняет стейт через useState. Я в формах реактовских плохо шарю вот и интересует что использовать лучше
это не про реактовские формы

разница точно такая же, как здесь:

const fn1 = console.log
const fn2 = txt => console.log(txt)
источник

PI

Pasha Ivanov in React — русскоговорящее сообщество
источник

PI

Pasha Ivanov in React — русскоговорящее сообщество
держи)))
источник

SK

Sugar Kane in React — русскоговорящее сообщество
Иван
это не про реактовские формы

разница точно такая же, как здесь:

const fn1 = console.log
const fn2 = txt => console.log(txt)
Понял. Просто по доке когда пробегал глазами там было типа таким способом просто пропсы передаём а когда уже вызвать функцию надо то использовать колбек анонимный
источник

AT

Andrey Tsapko in React — русскоговорящее сообщество
Народ, кто писал personal assistant chat на реакт, обязательно ли айфреймы использовать, если чат будет на разные сайты ставиться? По типу (binotel, jivochat).
источник

И

Иван in React — русскоговорящее сообщество
Sugar Kane
Понял. Просто по доке когда пробегал глазами там было типа таким способом просто пропсы передаём а когда уже вызвать функцию надо то использовать колбек анонимный
колбэк анонимный — это тоже просто пропс

потому что в js функции — это first class citizens 🤓
источник

SK

Sugar Kane in React — русскоговорящее сообщество
Иван
колбэк анонимный — это тоже просто пропс

потому что в js функции — это first class citizens 🤓
А в таком случае разве не передается результат вызова этой функции в качестве пропса? А не сама функция
источник

EA

Esen Arykbaev in React — русскоговорящее сообщество
Переслано от Esen Arykbaev
кто нибудь сталкивался с material-table
убрать лишние строки в таблице , при переключаении пагинации
источник

И

Иван in React — русскоговорящее сообщество
Sugar Kane
А в таком случае разве не передается результат вызова этой функции в качестве пропса? А не сама функция
пары эквивалентны между собой:

prop={(e) => console.log(e)}
prop={console.log}

prop={((e) => console.log(e))()}
prop={console.log()}



в первой паре передаётся функция, во второй — результат вызова функции
источник

И

Иван in React — русскоговорящее сообщество
Sugar Kane
А в таком случае разве не передается результат вызова этой функции в качестве пропса? А не сама функция
короч это всё просто js, если есть вопросы, обращайся к учебнику по js и в @js_noobs_ru
источник

AB

Artem Barshatskyi in React — русскоговорящее сообщество
Доброго времени суток, подскажите пожалуйста, как мне добавить правильно проверку на файлы .stories.tsx для eslint?

Делаю так но не работает:
"eslint": "eslint --fix '**/*.stories.{ts,tsx}'",
источник

SK

Sugar Kane in React — русскоговорящее сообщество
Иван
пары эквивалентны между собой:

prop={(e) => console.log(e)}
prop={console.log}

prop={((e) => console.log(e))()}
prop={console.log()}



в первой паре передаётся функция, во второй — результат вызова функции
Понял спасибо
источник

EM

Eugene Maltsev in React — русскоговорящее сообщество
Нуу, просто сохраняется ссылка на него  и возвращает мемезированое значение)
поэтому не происходит ререндер в компоненте🤔

А так как это все выполняется в рендере - пересоздает каждый раз функцию и присваивает ей мемезированное значением.
Поэтому и советуют его просто так для каждой функции не юзать).


Performance optimizations ALWAYS come with a cost but do NOT always come with a benefit.


МОГУ ОШИБАТЬСЯ.
источник

И

Илья in React — русскоговорящее сообщество
В нескольких проектах нужен кастомизированный типа cra, как выделаете fork? чтобы их работу не терять - щас сложно голым webpack пользоваться - хотя настроить можно. или чем-то другим?
источник

EM

Eugene Maltsev in React — русскоговорящее сообщество
Илья
В нескольких проектах нужен кастомизированный типа cra, как выделаете fork? чтобы их работу не терять - щас сложно голым webpack пользоваться - хотя настроить можно. или чем-то другим?
А что нужно кастомизировать?  Форкать там потом долго разбираться).
источник

И

Илья in React — русскоговорящее сообщество
Eugene Maltsev
А что нужно кастомизировать?  Форкать там потом долго разбираться).
мне надо лоадеры добавить в css(astrosurf), надо бабель плагины, плагины для webpack, нужно чуть кастомизировать devServer(сохранение в папку) + externals, less. Ну прилично!
источник

ei

export default - зло... in React — русскоговорящее сообщество
Evgeniy Mokeev
Для gh-pages лучше использовать hashRouter
-
источник

И

Илья in React — русскоговорящее сообщество
Но блин экосистема в целом готова у них
источник

EM

Eugene Maltsev in React — русскоговорящее сообщество
Илья
мне надо лоадеры добавить в css(astrosurf), надо бабель плагины, плагины для webpack, нужно чуть кастомизировать devServer(сохранение в папку) + externals, less. Ну прилично!
Может тогда свой собрать проще?)
источник

PI

Pasha Ivanov in React — русскоговорящее сообщество
Eugene Maltsev
Нуу, просто сохраняется ссылка на него  и возвращает мемезированое значение)
поэтому не происходит ререндер в компоненте🤔

А так как это все выполняется в рендере - пересоздает каждый раз функцию и присваивает ей мемезированное значением.
Поэтому и советуют его просто так для каждой функции не юзать).


Performance optimizations ALWAYS come with a cost but do NOT always come with a benefit.


МОГУ ОШИБАТЬСЯ.
эм) ну так я вначале про это и писал "...то при onChange={() => ...} на каждый рендер создается новая функция."
источник