Size: a a a

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

2020 September 28

PS

Pavel Serezhin in React — русскоговорящее сообщество
Иван
Не думаю, что есть какой-то форм-менеджер который писал бы в урл. Это как стиралка, которая заодно кофе готовит.

Зачем? Это ж руками пишется в 5 строк с любой библиотекой для форм
Не очень хочется писать то, что есть. (если есть)
источник

И

Иван in React — русскоговорящее сообщество
Pavel Serezhin
Не очень хочется писать то, что есть. (если есть)
Ещё раз: писать в урл — задача не для форм-менеджера. Потому что это форм-менеджер. Тебе в любом случае придётся написать код, который будет слушать изменения в форме и вызывать функцию обновления урла (ещё раз — это пять строк кода)
источник

PS

Pavel Serezhin in React — русскоговорящее сообщество
Иван
Ещё раз: писать в урл — задача не для форм-менеджера. Потому что это форм-менеджер. Тебе в любом случае придётся написать код, который будет слушать изменения в форме и вызывать функцию обновления урла (ещё раз — это пять строк кода)
Ну как сказать. фм должен работать с данными, которые хранятся в стейте, а урл это всего лишь иной формат стейт.
источник

AS

Azamshokh Sufiev in React — русскоговорящее сообщество
Привет подскажите почему не получается отправить запрос localhost/:1 Access to fetch at 'http://localhost:5000/api/auth/register' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
http.hook.js:26 POST http://localhost:5000/api/auth/register net::ERR_FAILED
(anonymous) @ http.hook.js:26
registerHandler @ AuthPage.js:27
callCallback @ react-dom.development.js:188
invokeGuardedCallbackDev @ react-dom.development.js:237
invokeGuardedCallback @ react-dom.development.js:292
invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js:306
executeDispatch @ react-dom.development.js:389
executeDispatchesInOrder @ react-dom.development.js:414
executeDispatchesAndRelease @ react-dom.development.js:3278
executeDispatchesAndReleaseTopLevel @ react-dom.development.js:3287
forEachAccumulated @ react-dom.development.js:3259
runEventsInBatch @ react-dom.development.js:3304
runExtractedPluginEventsInBatch @ react-dom.development.js:3514
handleTopLevel @ react-dom.development.js:3558
batchedEventUpdates$1 @ react-dom.development.js:21871
batchedEventUpdates @ react-dom.development.js:795
dispatchEventForLegacyPluginEventSystem @ react-dom.development.js:3568
attemptToDispatchEvent @ react-dom.development.js:4267
dispatchEvent @ react-dom.development.js:4189
unstable_runWithPriority @ scheduler.development.js:653
runWithPriority$1 @ react-dom.development.js:11039
discreteUpdates$1 @ react-dom.development.js:21887
discreteUpdates @ react-dom.development.js:806
dispatchDiscreteEvent @ react-dom.development.js:4168
источник

IN

Igor N in React — русскоговорящее сообщество
Azamshokh Sufiev
Привет подскажите почему не получается отправить запрос localhost/:1 Access to fetch at 'http://localhost:5000/api/auth/register' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
http.hook.js:26 POST http://localhost:5000/api/auth/register net::ERR_FAILED
(anonymous) @ http.hook.js:26
registerHandler @ AuthPage.js:27
callCallback @ react-dom.development.js:188
invokeGuardedCallbackDev @ react-dom.development.js:237
invokeGuardedCallback @ react-dom.development.js:292
invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js:306
executeDispatch @ react-dom.development.js:389
executeDispatchesInOrder @ react-dom.development.js:414
executeDispatchesAndRelease @ react-dom.development.js:3278
executeDispatchesAndReleaseTopLevel @ react-dom.development.js:3287
forEachAccumulated @ react-dom.development.js:3259
runEventsInBatch @ react-dom.development.js:3304
runExtractedPluginEventsInBatch @ react-dom.development.js:3514
handleTopLevel @ react-dom.development.js:3558
batchedEventUpdates$1 @ react-dom.development.js:21871
batchedEventUpdates @ react-dom.development.js:795
dispatchEventForLegacyPluginEventSystem @ react-dom.development.js:3568
attemptToDispatchEvent @ react-dom.development.js:4267
dispatchEvent @ react-dom.development.js:4189
unstable_runWithPriority @ scheduler.development.js:653
runWithPriority$1 @ react-dom.development.js:11039
discreteUpdates$1 @ react-dom.development.js:21887
discreteUpdates @ react-dom.development.js:806
dispatchDiscreteEvent @ react-dom.development.js:4168
О господи, раз в сутки этот вопрос. Попробуй поиск по чату что ли
источник

И

Иван in React — русскоговорящее сообщество
Pavel Serezhin
Ну как сказать. фм должен работать с данными, которые хранятся в стейте, а урл это всего лишь иной формат стейт.
Нет, урл — это удалённый источник данных, а запись в него — сайд-эффект. Ты же не ожидаешь, что фм будет в LS писать? Или в SS? Или по сети с бэком общаться? Бэк — это же тоже стейт, нет?
источник

AS

Azamshokh Sufiev in React — русскоговорящее сообщество
Иван
Нет, урл — это удалённый источник данных, а запись в него — сайд-эффект. Ты же не ожидаешь, что фм будет в LS писать? Или в SS? Или по сети с бэком общаться? Бэк — это же тоже стейт, нет?
Добро шеф 😂
источник

AS

Azamshokh Sufiev in React — русскоговорящее сообщество
Иван
Нет, урл — это удалённый источник данных, а запись в него — сайд-эффект. Ты же не ожидаешь, что фм будет в LS писать? Или в SS? Или по сети с бэком общаться? Бэк — это же тоже стейт, нет?
С клиента отправлю запрос как раз
источник

О

Олег in React — русскоговорящее сообщество
кинули на проект и нужен совет.  с чего начать рефакторить и в целом как правильно начать работу над приложением? вносить фичи означает что в будущем код всё равно будет рефакториться. как определить какие компоненты рефакторить изначально. условно если начать трогать стейт то возможно затронется ваще всё приложение, а тестов нет что усугубляет ситуацию. и тесты тоже нужно будет писать, но как сейчас вижу, до рефакторинга покрывать тестами проект смысла нет
источник

IB

Ivan Baranov in React — русскоговорящее сообщество
Олег
кинули на проект и нужен совет.  с чего начать рефакторить и в целом как правильно начать работу над приложением? вносить фичи означает что в будущем код всё равно будет рефакториться. как определить какие компоненты рефакторить изначально. условно если начать трогать стейт то возможно затронется ваще всё приложение, а тестов нет что усугубляет ситуацию. и тесты тоже нужно будет писать, но как сейчас вижу, до рефакторинга покрывать тестами проект смысла нет
сначала тесты, потом уже рефакторинг
источник

О

Олег in React — русскоговорящее сообщество
Ivan Baranov
сначала тесты, потом уже рефакторинг
а есть ли смысл если ваще структура и архитектура после рефакторинга могут поменяться?
источник

О

Олег in React — русскоговорящее сообщество
Ivan Baranov
сначала тесты, потом уже рефакторинг
то есть там в процессе скорее всего компоненты и их верстка будут затрагиваться
источник

О

Олег in React — русскоговорящее сообщество
Ivan Baranov
сначала тесты, потом уже рефакторинг
я больше всего боюсь подводных камней из-за которых что-то может сломаться. а этот шанс очень велик
источник

О

Олег in React — русскоговорящее сообщество
Ivan Baranov
сначала тесты, потом уже рефакторинг
как вариант, можно параллельно прод версии медленно рефакторить. но тоже довольно опасно. просто в этом случае я хотя бы буду постепенно вникать в код и в будущем смогу лучше его понять и не упустить какие-то моменты
источник

IB

Ivan Baranov in React — русскоговорящее сообщество
Олег
а есть ли смысл если ваще структура и архитектура после рефакторинга могут поменяться?
по возможности перед тем как шатать какой либо кусок функционала, тебе нужно накинуть e2e тесты для этого есть cypress testcafe и прочее выбирай по вкусу ))
источник

О

Олег in React — русскоговорящее сообщество
Ivan Baranov
по возможности перед тем как шатать какой либо кусок функционала, тебе нужно накинуть e2e тесты для этого есть cypress testcafe и прочее выбирай по вкусу ))
усугубляет ситуацию и тот факт что с тестами я пока не работал поэтому чую будет забавно)
источник

IB

Ivan Baranov in React — русскоговорящее сообщество
Олег
как вариант, можно параллельно прод версии медленно рефакторить. но тоже довольно опасно. просто в этом случае я хотя бы буду постепенно вникать в код и в будущем смогу лучше его понять и не упустить какие-то моменты
потом уже перед рефакториногм текщих компонентов пиши юнит тесты
источник

IB

Ivan Baranov in React — русскоговорящее сообщество
Олег
усугубляет ситуацию и тот факт что с тестами я пока не работал поэтому чую будет забавно)
с e2e будет просто, вот с юнитами придётся немного поприседать
источник

IB

Ivan Baranov in React — русскоговорящее сообщество
Олег
усугубляет ситуацию и тот факт что с тестами я пока не работал поэтому чую будет забавно)
для юнит тестов рекомендую брать, jest react-testing-library дока пнятная материала много.
источник

О

Олег in React — русскоговорящее сообщество
Ivan Baranov
с e2e будет просто, вот с юнитами придётся немного поприседать
ок. юниты вроде чекал. надо будет cypress глянуть
источник