насколько я понял в react-form (простите, я ужен давно не работал с этим пакетом) есть возмонжость добавлять Custom Components, там есть onBlur - обработчик, который передается в инпут, handleBlur - это тоже самое

код сам не работаает, на сам принципе японял, при блюре проверять на како элементе мышка. Но уже наверное оставлю так как есть, спасибо)

?

реклама в группе разрешена?

неит

нет

вакансии тоже

круто, спасибо

сорри)

извиняюсь)

скинул в нужную

ага, вижу)

ошибся, бывает ))

чёт совсем низкая зп...

в этой вакансии была

если есть такая структура кода. Я создаю в реакте компонент к примеру ContactForm, то что туда выносить? если вынести только форму, что логично, то получится, то часть формы как хедер останется за пределами и это уже нелепо, с другой если главным будет див, тогда не получится навать ContactForm, тогда уже по идее назвать Contact? Как лучше сделать?

если есть такая структура кода. Я создаю в реакте компонент к примеру ContactForm, то что туда выносить? если вынести только форму, что логично, то получится, то часть формы как хедер останется за пределами и это уже нелепо, с другой если главным будет див, тогда не получится навать ContactForm, тогда уже по идее назвать Contact? Как лучше сделать?

Компонент - это что то, что ты хочешь переиспользовать. Если допустим тебе необходимо в двух местах та же форма, но в одном месте будет с заголовком, а в другом - без, тогда: 1) если ты положил заголовок внутрь компонента Form, тебе прийдется добавлять проперти enableHeader или headerText (как пример) 2) если ты оставил заголовок за пределами компонента Form - ничего делать не нужно. При разработке компонента всегда необходимо думать "как я планирую использовать компонент". Лично я предпочитаю минималистичные компоненты без дополнительной мишуры в виде заголовков, а заголовки (если они действительно сложные) добавляю при помощи компонентов-оберток.

Компонент - это что то, что ты хочешь переиспользовать. Если допустим тебе необходимо в двух местах та же форма, но в одном месте будет с заголовком, а в другом - без, тогда: 1) если ты положил заголовок внутрь компонента Form, тебе прийдется добавлять проперти enableHeader или headerText (как пример) 2) если ты оставил заголовок за пределами компонента Form - ничего делать не нужно. При разработке компонента всегда необходимо думать "как я планирую использовать компонент". Лично я предпочитаю минималистичные компоненты без дополнительной мишуры в виде заголовков, а заголовки (если они действительно сложные) добавляю при помощи компонентов-оберток.

спасибо большое за развернутый ответ)

народ, подскажите, если стоит задача юзать fullcalendar, насколько страшно применять в компонентах jquery с фулкалендарными методами вида $('#calendar').fullCalendar({... ? примеры из фулкалендаря практически все с jquery, между тем слышал, что юзать jquery в риакте - дурной тон, вот это и смущает. даже если юзать ванильный js, все равно будут запросы вида document.getElementById

https://redux.js.org/api-reference/compose

народ, подскажите, если стоит задача юзать fullcalendar, насколько страшно применять в компонентах jquery с фулкалендарными методами вида $('#calendar').fullCalendar({... ? примеры из фулкалендаря практически все с jquery, между тем слышал, что юзать jquery в риакте - дурной тон, вот это и смущает. даже если юзать ванильный js, все равно будут запросы вида document.getElementById

Если стоит такая задача, значит здесь речи о дурном тоне не стоит. Если же есть варианты заменить чем ни будь написанным на React - тогда будет меньше оверхэда. Но реализация примерно следующая: делаешь компонент FullCalendar: class FullCalendar extends Component { _calendarDomElement = null; componentDidMount() { $(this._calendarDomElement).fullCalendar({ ... }); } render() { return <div ref={el => this._calendarDomElement} } }но учти, что библиотеки jQuery и Full Calendar должены быть уже инициализированы в документе. Обрати внимание, что используются ref - нужно избегать поиск элементов по document.getElementBy... если используешь реакт.

https://redux.js.org/api-reference/compose

Спасибо

Спасибо

можешь подсказать ссылку на презентацию, пожалуйста

https://youtu.be/qYyEG9ioWqU

спасибо!

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

что бы это так работало

куда передастся onMount?

Всем привет из солнечного (пока еще) Минска. Начинаю изучать React. Понравилась лекция Владимира Гриненко (Yandex) у нас на недавнем митапе. Владимир, спасибо. Поэтому я тут.

куда передастся onMount?

Очевидно что в componentDidMount )

Очевидно что в componentDidMount )

что делает функция data?

что делает функция data?

Это же просто три хока

Это же просто три хока

а, понял

Дела

Кто нить знает как с помощью fetch сделать запрос на .onion ?

Кто нить знает как с помощью fetch сделать запрос на .onion ?

наверно как и обычный. разве что тебе надо сперва подключиться к Тор сети

Как это сдлеать?

Как это сдлеать?

судя по интернетам: настроить тор в системе, заюзать его как прокси и сделать через него запрос еще такое нарыл https://www.npmjs.com/package/tor-request

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

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

Напиши в лс

где там эксперты по стайледу

Удалить тайпскрипт

Зачем тебе плагин для LSP

https://github.com/styled-components/vscode-styled-components отсюда скопипатсил просто, щас попробую удалить тс

@vscode_ru

В общем почти закончил делать тестовое задание на работу, заданием было сделать приложение с простой формой и апи которое обрабатывает данные с этой формы и пишет в базу. Если кто может глянуть и обратить внимание на какие-то ошибки и косяки которые нужно исправить, то буду очень благодарен. Еще есть вопрос, какие примерно тесты будут полезны для фронтенд приложния (в моем случае). Потому что для бека все понятно, тестить апи делая запросы, а вот во фронтенде как-то не понятно. Проверять отпраляет ли форма запрос при правильных данных и не отправляет ли при неправильных? код - https://github.com/luptidu/test-task-brainhub

если кто-то глянул, ничего такого не увидел то напишите об этом)

если кто-то глянул, ничего такого не увидел то напишите об этом)

>redux-form

>redux-form

ты о чем?

ты о чем?

В зависимостях

В зависимостях

и что тут такого? это логично, так как я юзаю эту библиотеку

и что тут такого? это логично, так как я юзаю эту библиотеку

Вот я и говорю, что не надо её юзать, чё тебе полчаса объяснять?

Вот я и говорю, что не надо её юзать, чё тебе полчаса объяснять?

а по твоему мне нужно слепо верить во все, что напишешь? ты же даже не сказал, почему не нужно.

а по твоему мне нужно слепо верить во все, что напишешь? ты же даже не сказал, почему не нужно.

Извини, твой ментор сегодня не в ударе (

ERROR: S client not available

а по твоему мне нужно слепо верить во все, что напишешь? ты же даже не сказал, почему не нужно.

ну редукс форм это была хорошая реализация, как оказалось не самого лучшего подхода

ну редукс форм это была хорошая реализация, как оказалось не самого лучшего подхода

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

и что вообще тестить нужно?

если кто-то глянул, ничего такого не увидел то напишите об этом)

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

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

угу https://medium.com/@everdimension/how-to-handle-forms-with-just-react-ac066c48bd4f

и даже есть type="email"

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

вынеси логику валидации с компонента, инпуты для филдов назови как компоненты и тоже вынеси с основного файла

удали логику валидации и расставь везде required :)

запрос вынеси вообще в отдельный файл api.js

домен апи укажи через .env файл в коде только относительный путь

удали логику валидации и расставь везде required :)

Тому, кто будет принимать это тестовое, может это не понравиться)

почему? это же overhead

почему? это же overhead

Для тестовухи важно показать умение пользоваться инструментом, даже если там одноклеточная форма

Но redux-form не лучший выбор

+

почему? это же overhead

чтобы на бэк не делать лишних запросов

вот как раз таки доверять клиенту это не лучшая идея

и лучше проверить нормально на беке

Так на беке тоже проверка

как раз таки никто не убирает проверку с бэка

Просто чтобы не перегружать его, лучше делать и на клиенте

а понял

так там проверка на пустые поля

она как раз и делается аттрибутом required

спасибо большое за ответы) сейчас буду переделывать

она как раз и делается аттрибутом required

Лучше валидацию не распылять, а делать в одном месте