у меня прокся в девсервере

так я залил на azure уже а как сменить request content-type? так как у меня есть хеадерс этот

headers: { 'Content-Type': 'application/json;charset=utf8' },

Ребят подскажите как сохранять введённые данные с формы по очереди в массив?

ну смотри я не совсем шарю, но вроде как делаешь свойства типа массив данных формы и текущий индекс и на onsubmit формы кладешь в массив под тем индексом и индекс увеличиваешь

но может как то проще можно

Просто [...oldItems, newItem]

нельзя

В сбербанке именно так и сделали ¯\_(ツ)_/¯

В сбербанке именно так и сделали ¯\_(ツ)_/¯

там весь инстанс аксиоса прокинут

а он хочет с сайд эффектом инишиал стейт задать

у него это естественно не получится так как возвращается промис

Аа

Ребята, вопрос по редакс форме. Делаю форму с использованием редакс и валидацию к форме. С обычным инпутом все ок, нажимаю на инпут, экшн фокус, переключаю на другой, экшн блюр и высвечивается варнинг require. С дейтпикером проблема. Нажимаю на инпут, появляется дейтпике, когда выбираю дату на дейтпикере, то пропадает фокус с инпута, высвечивается ошибка и лишь потом дейтпикер скрывается и сам устанавливает фокус обратно на инпут и лишь тогдаа когда я уже нажимаю вручную перевожу фокус ошибка скрывается. Хотя по идее она вообще не должна была скрываться. Как пофиксить?

Ну во первых, дейтпикеров очень много

соре я не дочитал, сделай дейт пикер частью какого-то поля

И регистрируй не блюр а click outside

Хотя если же дейтпикер с инпутом

помогли*

странно очень, а фокус появляется не сразу полсе выбора даты ?

короче ты скорее всего криво интегрировал это поле в редакс форму

почитай как далеть кастомные поля

почитай как далеть кастомные поля

читал, все делал как говорилось, вот код http://jsfiddle.net/3ht406k2/

читал, все делал как говорилось, вот код http://jsfiddle.net/3ht406k2/

пробуй без рид онли

мб оно не дает фокус ставить

мб оно не дает фокус ставить

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

redux-pack кто нибудь использует, либо все сидят на санях?)

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

почитай еще доку этого тайм пикера, я глянул на их сайте

при выборе даты фокус не пропадает

redux-pack кто нибудь использует, либо все сидят на санях?)

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

при выборе даты фокус не пропадает

посмотри гифку же, видно, что фокус пропадает с инпута и становится на дейтпике, а после выбора даты возвращается на инпут. Но в принципе, мне кажется, что это правильное поведение. Можно ли как-то в редакс форме вручную зафорсить проверку валицаии к примеру на event onDayChange

у дейтпикера же свой инпут

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

Поспешил с вопросом, точно, спасибо)

посмотри гифку же, видно, что фокус пропадает с инпута и становится на дейтпике, а после выбора даты возвращается на инпут. Но в принципе, мне кажется, что это правильное поведение. Можно ли как-то в редакс форме вручную зафорсить проверку валицаии к примеру на event onDayChange

http://react-day-picker.js.org/docs/input

тут же все ок

http://react-day-picker.js.org/docs/input

и?

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

ну у тебя еще одинаковые имена полей

ну все должно работать, мб я вопрос не понял и мне уже трудно думать в 2 часа ночи

Привет. Такой вопрос - вот реакт роутер умеет изменять адресную строку без перезагрузки. А обратное он умеет делать? Кейс такой - надо генерировать страничку с данными в зависимости от строки запроса (примерно как происходит с шаблонизаторами на БЭКЕ /item/:itemID), чтоб было можно было обратиться извне к конкретному айтему без предварительной загрузки приложения и выбора его руками. Как такое решить в рамках реакта?

Наверное SSR

Привет. Такой вопрос - вот реакт роутер умеет изменять адресную строку без перезагрузки. А обратное он умеет делать? Кейс такой - надо генерировать страничку с данными в зависимости от строки запроса (примерно как происходит с шаблонизаторами на БЭКЕ /item/:itemID), чтоб было можно было обратиться извне к конкретному айтему без предварительной загрузки приложения и выбора его руками. Как такое решить в рамках реакта?

react-loadable вроде это

react-loadable вроде это

Спасибо, гляну

У нас проект не ssr, но эта штука на роутинге стоит

вот смотрите, есть шрифт, он есть во многих вариантах, light, extralight, bold, italic extraitalic и так далее как его правильно подключить, неужели для каждого писать фонт фейс?

вот смотрите, есть шрифт, он есть во многих вариантах, light, extralight, bold, italic extraitalic и так далее как его правильно подключить, неужели для каждого писать фонт фейс?

Стайледы используешь? Если да, у них есть дока и там описан кейс

Правда там баг вроде есть, сенатор сюда линк скидывал

Скиньте чат по ide пожалуйста

Скиньте чат по ide пожалуйста

@ide_ru

@ide_ru

спс

Привет. Такой вопрос - вот реакт роутер умеет изменять адресную строку без перезагрузки. А обратное он умеет делать? Кейс такой - надо генерировать страничку с данными в зависимости от строки запроса (примерно как происходит с шаблонизаторами на БЭКЕ /item/:itemID), чтоб было можно было обратиться извне к конкретному айтему без предварительной загрузки приложения и выбора его руками. Как такое решить в рамках реакта?

Тебе надо чтобы можно было обратить к странице "example/article/nn" по этой ссылке не переходя с главной? Конечно можно.

Тебе надо чтобы можно было обратить к странице "example/article/nn" по этой ссылке не переходя с главной? Конечно можно.

да. Пусть даже всё приложение фоном подгрузится. Но страница эта не создана заранее. Нужно будет сделать fetch с параметром /nn в базу, и ответом заполнить поля

Может ошибка просто?

Может ошибка просто?

хз, https://github.com/mobxjs/mobx#introduction

вот смотрите, есть шрифт, он есть во многих вариантах, light, extralight, bold, italic extraitalic и так далее как его правильно подключить, неужели для каждого писать фонт фейс?

Да, либо вариативный шрифт

Да, либо вариативный шрифт

да слава богу я посмотрел в зеплине все макеты. там по сути всего два юзается, регулар и болд

их и подключил и все

ERROR: S client not available

Нет такого бабель-плагина, ошибка это

хз, https://github.com/mobxjs/mobx#introduction

Не нашёл там такого примера, как на скрине

Нет такого бабель-плагина, ошибка это

Крут

Ребята какой самый популярный способ писать стили к компонентам? Я пока что думаю просто создавать файл css c таким же названием как у компонента и импортировать его. Может есть более удобный способ?

Ребята какой самый популярный способ писать стили к компонентам? Я пока что думаю просто создавать файл css c таким же названием как у компонента и импортировать его. Может есть более удобный способ?

styled-components

Ребята какой самый популярный способ писать стили к компонентам? Я пока что думаю просто создавать файл css c таким же названием как у компонента и импортировать его. Может есть более удобный способ?

https://www.youtube.com/watch?v=eOBz3_mQwo8

styled components или css modules. В зависимости от того что тебе ближе

вот смотрите, есть шрифт, он есть во многих вариантах, light, extralight, bold, italic extraitalic и так далее как его правильно подключить, неужели для каждого писать фонт фейс?

как сгенерировать фонт-фейсы и оптимизировать шрифты для веба смотри тут: https://www.npmjs.com/package/font-ranger

Да, либо вариативный шрифт

+

как сгенерировать фонт-фейсы и оптимизировать шрифты для веба смотри тут: https://www.npmjs.com/package/font-ranger

Thank u

Ребзи, а кто юзал superagent, он в http-2 умеет?

Или тип пох какой клиент?

Ребята, проблема еще со вчера. Не знаю как решить. Использую редакс форму для своей формы. описание к гифке: Обычный инпут. Клик по инпуту, фокус, клик в другом месте, блюр, валидация и покаывается ошибка. Все супер. Дейтпикер. Клик по инпуту, высвечивается дейтпикер, фокус на инпут, кликаю по дейтпикеру, происходит блюр с инпута на пикер и в этот момент валидация, на секунду высвечивается ошибка, потом устанавливается значение с пикера и ошибка скрывается. Как сделать, чтобы ошибка вообще не появлялась?

код компонента - http://jsfiddle.net/yvqw5pLa/

Ребята, проблема еще со вчера. Не знаю как решить. Использую редакс форму для своей формы. описание к гифке: Обычный инпут. Клик по инпуту, фокус, клик в другом месте, блюр, валидация и покаывается ошибка. Все супер. Дейтпикер. Клик по инпуту, высвечивается дейтпикер, фокус на инпут, кликаю по дейтпикеру, происходит блюр с инпута на пикер и в этот момент валидация, на секунду высвечивается ошибка, потом устанавливается значение с пикера и ошибка скрывается. Как сделать, чтобы ошибка вообще не появлялась?

У тебя валидатор на каком моменте вызывается?

На каждый ввод?

Насколько я понял при переводе фокуса с инпута на пикер - срабатывает обработчик блюр и производится нежелательная валидация

У тебя валидатор на каком моменте вызывается?

на блюр

Насколько я понял при переводе фокуса с инпута на пикер - срабатывает обработчик блюр и производится нежелательная валидация

именно

Имхо нужно как то отслеживать состояние пикера оикрыт/закрыт и не вызывать обработчик onblur, если пикер открыт

Имхо нужно как то отслеживать состояние пикера оикрыт/закрыт и не вызывать обработчик onblur, если пикер открыт

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

Какой пикер используется?

Какой пикер используется?

react-day-picker

react-day-picker

<DayPickerInput onBlur={event => !document.querySelector('.DayPickerInput-OverlayWrapper').contains(event.target) ? handleBlur(event) : undefined} />

выглядит как костыль )

но покопавшись в доках react-day-picker пока ничего разумнее не придумал, извините

<DayPickerInput onBlur={event => !document.querySelector('.DayPickerInput-OverlayWrapper').contains(event.target) ? handleBlur(event) : undefined} />

ну немного) а откуда взята функция handleBlur?