ну кто с бэка отправляет дату строкой? https://momentjs.com/docs/#/parsing/ x 1410715640579 Unix ms timestamp

Не я ?

тогда можно moment

Как с одной компоненты апдейтнуть другую? Неважно через пропсы или через стейт. Есть кнопка например у неё ивент клик, в ней можно прямо указать другую компоненту и будет работать?

Как с одной компоненты апдейтнуть другую? Неважно через пропсы или через стейт. Есть кнопка например у неё ивент клик, в ней можно прямо указать другую компоненту и будет работать?

только от ротидетя к ребенку

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

только от ротидетя к ребенку

А по-другому никак?) Типа просто от одной к другой

А по-другому никак?) Типа просто от одной к другой

а чем этот способ не потходит ? на этом реакт базируется.

так кто знает проблему с redux, есть экшен который меняет состояние, далее после этого экшена вызывается функция которая пользуется этим состоянием и которая его получает через connect, так вот в этой функции измененое состояние не видно, оно "появляется" позже. Как можно решить, чтоб состояние появлялось сразу

видел такое. я решал

Добрый день всем Прошу посоветовать литературу по React для Java разработчика, на уровне аля-запилить админку к бекенду, кроме документации на сайте. И насколько актуальная сейчас книга Fullstack React (2017г) ?

я решал это так - ждал пропсы в willReceiveorops

Добрый день всем Прошу посоветовать литературу по React для Java разработчика, на уровне аля-запилить админку к бекенду, кроме документации на сайте. И насколько актуальная сейчас книга Fullstack React (2017г) ?

причем тут java и реакт ?))

Добрый день всем Прошу посоветовать литературу по React для Java разработчика, на уровне аля-запилить админку к бекенду, кроме документации на сайте. И насколько актуальная сейчас книга Fullstack React (2017г) ?

https://t.me/frontendfrontendfrontend/86

const setPage = page => { props.removeFilterParam('page'); props.addFilterParam('page', page); props.getProducts(); } вызывается при клике на пагинатор, первые две функции - это функции экшена, они меняют стате и устанавливают текущее значение пагинатора, последняя функция - функция родителя, которая делает запрос к серверу и у данного компонента стейт редакса полученный через connect , само тело функции такое async getProducts() { try { console.log('Filter before', this.props.filter); setTimeout(() => console.log('After', this.props.filter), 2000) // const slug = this.props.match.params.slug; // const queryString = transformToQueryString(this.props.filter); // await this.props.getProductsRequest(`/api/categories/${slug}/${queryString}`); } catch (error) { console.error(error); } }

https://t.me/frontendfrontendfrontend/86

Cпасибо

причем тут java и реакт ?))

В том плане, что React не основной язык и знания нужны довольно посредственные, “чтобы был результат”

а чем этот способ не потходит ? на этом реакт базируется.

Хз, как-то плохо, что компонента не может взаимодействовать с другой. Пробрасывать метод надо или ещё что-то.

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

const withLoaderHOC = (...loadingProps) => (WrappedComponent) => { return class LoadableComponent extends Component { render() { return loadingProps.every(prop => !isEmpty(this.props[prop])) ? <WrappedComponent {...this.props} /> : <LoadingIndicator />; } } } export default withLoaderHOC;

спасибо, что-то типа того запилил и работает)

В том плане, что React не основной язык и знания нужны довольно посредственные, “чтобы был результат”

Реакт это не язык. Вы берете как по мне, сложную технологию, и спрашиваете как быстро и по щелчку пальцев. приведу пример с java вы немного освоили java SE и спрашиваете как на spring все развернуть в 2 клика...

Хз, как-то плохо, что компонента не может взаимодействовать с другой. Пробрасывать метод надо или ещё что-то.

это нисходящая модель. Вы пишите слабо связанные компоненты. Привыкайте к этому.

Реакт это не язык. Вы берете как по мне, сложную технологию, и спрашиваете как быстро и по щелчку пальцев. приведу пример с java вы немного освоили java SE и спрашиваете как на spring все развернуть в 2 клика...

Возможно, плохо выразился. Мне не нужно быстро.

набросать админку - быстрее будет на Vue

из своего опыта говорю

гайз, такой вопрос. есть в сторе массив объектов, но одном контейнере мне не нужен один из объектов в этом массиве. это норм, если в mapStateToProps сделать фильтр? чтобы исключить его

гайз, такой вопрос. есть в сторе массив объектов, но одном контейнере мне не нужен один из объектов в этом массиве. это норм, если в mapStateToProps сделать фильтр? чтобы исключить его

так селектор сделай

хм, гут айдиа

а вообще это правильное все computed данные брать с селекторов

Всем привет , использую Redux-From + react, проблема - при использовании formValueSelector форма начинает жутко тормозить, в чем может быть проблема? Спасибо.

Можно как-то установить ивент онклик для компоненты не ставя html обработчик onclick?

Как-то чисто по компоненте

Как-то чисто по компоненте

Компонент

Мужского рода

Можно как-то установить ивент онклик для компоненты не ставя html обработчик onclick?

?

подскажите, как можно менять при смене страниц trackingId для google analytic

Мужского рода

???

Ребят, а есть какой-то чат по верстке?

@css_ru

Гайз, выручайте. В Safari не работает Audio.play() если не было ивента для клика\тача, есть ли какие-то хаки как обойти это?

Гайз, выручайте. В Safari не работает Audio.play() если не было ивента для клика\тача, есть ли какие-то хаки как обойти это?

Нет, это для безопасности юзера сделано

Нет, это для безопасности юзера сделано

Да, но мне надо головой звук выдавать если на сокетах новое сообщение пришло

Видел что, например, в jivosite.ru реализировано как-то

Как пробросить функцию с родительской компонентА, чтобы например она выполнилась при нажатии кнопки, которая дочерняя и потом результат пошел в дочернее текстовое поле?

Ребят, привет! У меня тут вопрос: имеется объект, в качестве ключей у которого используются функции..какой babel plugin заюзать чтобы это работало в ie11?

Как пробросить функцию с родительской компонентА, чтобы например она выполнилась при нажатии кнопки, которая дочерняя и потом результат пошел в дочернее текстовое поле?

завести в родителе state с какимнибудь свойством. завести в родителе функцию, которая будет прокидываться в дочерний компонент и вызываться при клике. при клике в дочернем компоненте передавать данные. В родителе менять стейт. прокидывать это значение из стейта в виде пропса в другой дочерний компонент.

Гайз, выручайте. В Safari не работает Audio.play() если не было ивента для клика\тача, есть ли какие-то хаки как обойти это?

Были варианты эмулировать клик, все равно плюется

Так под санкции пс можно попасть

Если это важно

Так под санкции пс можно попасть

Это мне?

Это мне?

Да

Да

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

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

Прогреть web audio api при любом клике пользователя (открыть контекст "пустым" звуком) и уже потом когда-нибудь посылать в него уведомление.

Прогреть web audio api при любом клике пользователя (открыть контекст "пустым" звуком) и уже потом когда-нибудь посылать в него уведомление.

Есть примеры? Пока не совсем понять как оно должно триггерить аудио

Есть примеры? Пока не совсем понять как оно должно триггерить аудио

С телефона щас искать не буду, но как еще вариант можно взять Howler.js, подключить звук, убрать громкость, по любому клику этот звук проиграть и снова включить громкость, чтобы потом уже играть звук когда надо.

С телефона щас искать не буду, но как еще вариант можно взять Howler.js, подключить звук, убрать громкость, по любому клику этот звук проиграть и снова включить громкость, чтобы потом уже играть звук когда надо.

Понял, спасибо. Буду копаться

завести в родителе state с какимнибудь свойством. завести в родителе функцию, которая будет прокидываться в дочерний компонент и вызываться при клике. при клике в дочернем компоненте передавать данные. В родителе менять стейт. прокидывать это значение из стейта в виде пропса в другой дочерний компонент.

Спасибо, но тогда класс родителя сильно разбухнет. Как-то хочется, чтобы онклик было в компоненте кнопки, а не где-то вверху...

Пробую margin получаю отступ от края экрана а не от родительского элемента, что я делаю не так?

Спасибо, но тогда класс родителя сильно разбухнет. Как-то хочется, чтобы онклик было в компоненте кнопки, а не где-то вверху...

есть стейт меденжер?

В иерархии селектор вроде бы как "some"/div

Не покупайте их шаблон, он говно

Пробую margin получаю отступ от края экрана а не от родительского элемента, что я делаю не так?

какой маргин? вертикальный? или боковой?

ERROR: S client not available

Вертикальный

Вертикальный

ну это классика - выпадение вертикальных маргинов

ну это классика - выпадение вертикальных маргинов

Ну дай хоть ссылку

https://htmlacademy.ru/courses/44/run/10

это не паддинг у родительского по смыслу?

есть стейт меденжер?

Нету, как передать с родительского функию онклик компоненте?

Нету, как передать с родительского функию онклик компоненте?

тогда нужно прокидывать с умного компонента в глупый

это не паддинг у родительского по смыслу?

Я хз если честно color же робит

Я хз если честно color же робит

причём здеьс колор)

При логике

тогда нужно прокидывать с умного компонента в глупый

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

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

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

Щас тестанем

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

Див меняет свой размер но не двигается

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

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

Див меняет свой размер но не двигается

box-sizing поставь ещё border-box

ты меняешь у родителя падинг?

Нету, как передать с родительского функию онклик компоненте?

Ну это же прямо в доке есть. А чуть сложнее -- контекст используй.

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

class SmartComponent extends Component { handleClick = item => {} } render(){ <StupidComponent onClick={this.handleClick} // передаешь ссылку на функцию }

box-sizing поставь ещё border-box

Не у дочернего

Крч хочу шоб от низа отступил див

class SmartComponent extends Component { handleClick = item => {} } render(){ <StupidComponent onClick={this.handleClick} // передаешь ссылку на функцию }

Спасибо, читала это но оно забывается если не юзать

https://codepen.io/Pauline_Nemchak/pen/MPrEWN

Крч хочу шоб от низа отступил див

Минусовый падинг снизу?

паддинг минусовый не бывает

Снова хочется разбить клаву об стену

Ну не нужны мне бордеры

бордер, чтобы видно было