Alexander
видимо ты делал формы на пару полей)
Верно, там около 7 полей в среднем было ), а с какими трудностями я могу столкнуться ?)
Roman
В проект использую apollo, как сохранять корзину магазина в localStorage, или использовать cache от apollo&
arthur
попробуй сделать форму поиска билетов и регистрации на рейс 🤨
Roman
Кто-нибудь работал с такой вещью?
Тимофей 🛴
В проект использую apollo, как сохранять корзину магазина в localStorage, или использовать cache от apollo&
А почему бы не хранить на сервере, тогда общая корзина будет между устройствами
Alexander
куча полей, валидаций, поведение поля в зависимости от другого и тд
Зависимые поля легко делать, если создана правильная структура данных(json). А вот с валидацией да, не люблю регулярки, так-как быстро забываю их синтаксис ), редко приходится регулярки писать), спасибо за библу)
Alexander
попробуй сделать форму поиска билетов и регистрации на рейс 🤨
Другими словами, поиск введенного значения из input, по структуре данных (массив, объект). Делал)
Alexander
динамические поля еще
Динамиечские поля, это в которых вводишь что-то и они моментально выдают значения при совпадении введенных символов ?
Alexander
дело не в поиске, а в сложности самой формы
Значит мне не попадались сложные формы)
Alexander
это динамически создаваемые поля)
Я понял о чем речь, в общем если форма требует собой разного функционала, проще тогда эту библиотеку взять, чем самому писать)
Roman
А почему бы не хранить на сервере, тогда общая корзина будет между устройствами
Гонять данные с сервера на клиент не вариант. Стоит хранить на клиенте данные.
voix
-a
Alexander
в библиотеке ты можешь легко писать middleware для всех форм
а что за посредники ? Разве hadler формы не является посредником перед отправкой ?
Тимофей 🛴
Гонять данные с сервера на клиент не вариант. Стоит хранить на клиенте данные.
Бесят магазины в которых не синхронизирована корзина с аккаунтом. Попробуй apollo-cache-persist, но я не знаю можно ли там кэшить определенные квери и работает ли она с link state
S
а что за посредники ? Разве hadler формы не является посредником перед отправкой ?
Я имею ввиду банальные штуки например проверка required можно просто указать в middleware и он применится для всех форм
Roman
Бесят магазины в которых не синхронизирована корзина с аккаунтом. Попробуй apollo-cache-persist, но я не знаю можно ли там кэшить определенные квери и работает ли она с link state
Бывает же люди не авторизуются в интернет-магазине а товары добавляют, вот поэтому думаю надо хранить в localStorage.
gearmobile
Вопрос нуба. Если метод в компоненте начинается с underscore - это так хотят показать, что это private method?
Алексей
Вопрос нуба. Если метод в компоненте начинается с underscore - это так хотят показать, что это private method?
по общепринятому соглашениию, да. что подразумевал автор в реальности - хз, только он знает )
gearmobile
👌
Макс
раньше же с _ дначинали для этого
Dmitry
Ребят, а какой основной кейс использования redux-form? Всмысле зачем значения полей пихать в стейт?
Алексей
раньше же с _ дначинали для этого
что ты подразумеваешь под "раньше" ?) сейчас ровно то же самое, если используется чистый жс
gearmobile
В примере кода - даже не pure js - ts
Макс
а, это в реакте так делают как Moe привел пример
Maxim
Ребят, а какой основной кейс использования redux-form? Всмысле зачем значения полей пихать в стейт?
Нет, смысла нет. Если нужно сохранять значения полей при переходе по страницам - то надо как-то аккуратно это делать, не на каждый символ.
Maxim
Библиотека то популярная, хочу посмотреть основной пример ее использования
Её автор сделал final-form и рекоменует использовать его.
wolfe
В TS же есть private.
они все равно помечаются в нейминге андерскором. у них там свои заморочки на тайпскриптах и сишарпах с неймингом. те, кто на C# сидел, например, будет это тащить по инерции. так же, допустим, таски (промисы) помечают суффиксом Task (LoadPageTask, например) типа, конвенция
Maxim
ок спс, посмотрю
Почитайте статью от автора: https://codeburst.io/final-form-the-road-to-the-checkered-flag-cd9b75c25fe?source=---------12------------------&gi=deedc21cfaaf Вроде даже переводы были.
i
всем приевет, сдедал хелппер для i18next function registerHandlerT(props, t) { let text = t(props.text, props.obj); if (props.uppCase) text = text.toUpperCase(); if (props.lowCase) text = text.toLowerCase(); return text; } export default function T(props) { return ( <Translation> { t => <>{registerHandlerT(props, t)}</> } </Translation> ) }
i
просто больше не знаю как реализовать чтоб смена языка во всёс приложении работала, как вам?
wolfe
Раньше не слышал, спасибо. А есть что-то почитать про это?
https://www.c-sharpcorner.com/UploadFile/8a67c0/C-Sharp-coding-standards-and-naming-conventions/ про таски не нашел только, но это используют
Volodymyr
нужен пикер дат + времени который бы супортился браузеррами от ие10 и тдд есть варианты?
gearmobile
В CSS Modules - classes или styles - это произвольное имя переменной? Просто в туториалс видел везде classes
Юрий
ребят, у меня такой кейс, открываеться модалка которая состоит из 2х частей, левая и правая. Левая часть отображает инфу юзера (достаю из стора) а вторая часть должна рендериться только если у юзера поля не равно null. То есть user.contact !== null. я сразу после второй части сделал условие для отображения. Если не нул, тогда рисуй (а вторая часть должна доставаться по другому методу с бэка), в компоненте 2м поставил useEffect, который грузит данные и пихаю в редакс. и внизу пытаюсь их сразу отрисовать (достаю из стора) но на момент инициализации их нету. как сделать, что бы не валилось как данные undefined ?
Sergey
Есть список минусов каждого менеджера?
MobX размер бандла, спагетти код, мультисторы Redux бойлерплейт, лишние вызовы подписчиков и редьюсеров, вывод типов Effector stateful, вербозность (субъективно!) в апи, связи задаются после создания стора, мультисторы, проглатывание ошибок в эффектах (если забыть навесить обработчик на fail), размытая работа с ssr (но работа ведётся над улучшением) Reatom сейчас менее удобное описание сайд эффектов, чем в эффектор (в арсенале примитивная реализация по типу redux-thunk), также некоторые минусы описаны в FAQ П.Н. Это мой короткий список найденных минусов, когда пробовал каждое из решений.
endifai
Какой typescript тип setSubmitting в формике?
Юрий
saga / thunk
я не это имел ввиду, у меня открывается модалка, рисуется его левая часть с данными из стора. дополнительная инфа будет рисоваться если у него есть поле которое не равно null. если оно не нул, нужно взять id юзера и сделать запрос, получить данные и в той же модалки их отобразить
Alexey
ты видел вопрос изначальный? у меня и запрос есть и данные в сторе
» и внизу пытаюсь их сразу отрисовать (достаю из стора) но на момент инициализации их нету.
Юрий
» и внизу пытаюсь их сразу отрисовать (достаю из стора) но на момент инициализации их нету.
именно. если лог вывести, у меня пустой обьект, потом данные в нем. если написать что то типо такого: <span>{location.address}</span> то оно изначально undefined - и валиться всё
Юрий
{location && ( <span>{location.address}</span> ... ) }
то есть всю верстку поставить в условие?
Alexey
то есть всю верстку поставить в условие?
тут уже на твой выбор, как ты проверять будешь можешь отдельно в какую-нибудь переменную кидать вторую часть модалки, чтобы return не засирать
Ivan
то есть всю верстку поставить в условие?
Всю верстку положи в компонент и рендерь его по условию
gearmobile
Если использовать <></>, импортировать Fragment не нужно?
gearmobile
Ок
Anonymous
Приветствую. Вопрос о Chart.js. Как отображать и нет легенду под графиком в зависимости от размера экрана? onResise() работает при ресайзе, мне нужно первом создании графика.
Юрий
Всю верстку положи в компонент и рендерь его по условию
запихнул верстку в отедельный метод который по условию. сейчас все равно пишет что undefined. может быть из-за такой вложенности?
Dastan
Всем привет, на корпоративном компьютере пытаюсь создать проект React. Вот уже 10 минут жду, обычно это быстрее происходит. Никаких ограничений в доступах нет. В чем может быть причина?
Иван
proxy
js - one love
createStore(rootReducer, {datas: []}) так нельзя что ли?
Юрий
Что это за мазафака?
посмотри скрин, такие данные приходят
Eugene
[“media-url”]