Я на всякий. Думал а вдруг дерево может оставаться нетронутый а перерендер только в FormattedMessage будет.

By default, changes to the locale at runtime may not trigger a re-render of child elements. To solve this, and enable dynamic locale modification, add a key property to the <IntlProvider> and set it to the locale, which persuades React that the component has been modified:

Спасибо)

Привет. Подскажите пожалуйста, как правильно написать HOC для приконнекченного компонента, что бы фильтровать и сортировать данные из селектора? Или это всё же лучше делать в селекторе? const filteredFeatures = features => ({}) const mapStateToProps = (state, props) => ({ features: getProductFeatures(state, props.templateId), }); export default connect(mapStateToProps)(Features);

Ребята, подскажите плиз. С бэка будет приходить строка с переменными. Нужно эти переменные заменить на значения, которые хранятся на фронте. Формат переменных можно выбрать. Может есть какой-то npm модуль, не хочу руками писать.

гайз, а в стайледе можно динамически менять тег компонента? например h1,h2,h3,h4… ?

не уверен

ты же вроде явно наследуешь от styled.h1 итд

Ребята, подскажите плиз. С бэка будет приходить строка с переменными. Нужно эти переменные заменить на значения, которые хранятся на фронте. Формат переменных можно выбрать. Может есть какой-то npm модуль, не хочу руками писать.

https://www.npmjs.com/package/sprintf-js типа такого?

хотя можно сделать свой компонент который будет отдавать h1, h2 итд

а его уже обмазывать стайледом

https://www.npmjs.com/package/sprintf-js типа такого?

похоже

чем styled лучше import ‘./style.css’?

а то я слегка косо подглядываю на это дело

А кто-то юзал react-data-fetching ?

гайз, а в стайледе можно динамически менять тег компонента? например h1,h2,h3,h4… ?

можно, но зачем?

можно, но зачем?

под каждый h - свой компонент?

@artalar ты вроде статью кидал ?

А что?

Я не в контексте

@artalar ты вроде статью кидал ?

t.me/react_js/403282

Да она

Чета там какой-то бред с пост запросами

гайз, а в стайледе можно динамически менять тег компонента? например h1,h2,h3,h4… ?

https://www.styled-components.com/docs/api#withcomponent

С гет вроде все понятно, а если я в рендер засовываю пост запрос

То оно будет сразу делать пост? А не по нужному мне событию ?

Плиз помогите. При наведении на карточку товара она раскрывается. Как так сделать? https://ostroshop.ru/catalog/kerambity/

То оно будет сразу делать пост? А не по нужному мне событию ?

ставишь флаг

тоже утром думал на этот счёт

Плиз помогите. При наведении на карточку товара она раскрывается. Как так сделать? https://ostroshop.ru/catalog/kerambity/

onMouseOver

ставишь флаг

Тогда смысла в таком подходе

Ноль

мне кажется чисто для initial запросов подходит

мне кажется чисто для initial запросов подходит

Во прямо с языка снял

onMouseOver

нет, как мне это сврестать???

нет, как мне это сврестать???

@css_ru

ты же вроде явно наследуешь от styled.h1 итд

styled(enum) тоже можно

там все штмл5 теги строкой передаешь

styled(enum) тоже можно

а на выходе какой тег?

тот который напишешь

типа такого короче

tag - это string?

ну да

Какое-то излишнее апи

styled[tag]` style.... `;

наоборот я бы выбросил обращение через точку

такую штуку нагуглил ?

мой вариант мне больше нравится

Ребят, а делал кто-нибудь next export для Next.js со styled-componetns?

костыли

лол, зачем createelem?

костыли

ну heading - это единственный кейс, где мне нужен динамический тег)

лол, зачем createelem?

я еще не курил стайледы

Ну я скинул .withComponent

ну heading - это единственный кейс, где мне нужен динамический тег)

https://github.com/jonathantneal/h-element-spec

https://github.com/jonathantneal/h-element-spec

странная магия какая-то

Ребят, а делал кто-нибудь next export для Next.js со styled-componetns?

а что не так?

а что не так?

Они не исполняются на клиенте

Они не исполняются на клиенте

и не должны

а как их в CSR приложение встроить?

а как их в CSR приложение встроить?

у тебя серверный рендеринг стилей есть? запусти короче дев сервер некста и в браузере отключи джс

ERROR: S client not available

Парни, не уверен, что по адресу, но не могли бы вы подсказать, как игнорировать yarn.lock ? Положил .gitignore, не работает.

Спасибо заранее

@git_ru

Оо

у тебя серверный рендеринг стилей есть? запусти короче дев сервер некста и в браузере отключи джс

от серверного рендеринга пришлось отказаться, чтобы не тащить на сервер node (такое ограничение есть, к сожалениею). И когда я делаю next export то никаких стилей нет. Получается, что надо при билде эктрактнуть стили в отдельный файл?

Какой ужас

@git_ru

Спасибо.

от серверного рендеринга пришлось отказаться, чтобы не тащить на сервер node (такое ограничение есть, к сожалениею). И когда я делаю next export то никаких стилей нет. Получается, что надо при билде эктрактнуть стили в отдельный файл?

еще раз перечитай что я написал, второе предложение

Парни, не уверен, что по адресу, но не могли бы вы подсказать, как игнорировать yarn.lock ? Положил .gitignore, не работает.

Не нужно его игнорировать

Консистентность лока - плюс и нужно за этим следить

А еще что значит "игнорировать" - не очень ясно

еще раз перечитай что я написал, второе предложение

Стили приезжают с сервера

Стили приезжают с сервера

можешь репродьюс сделать?

можешь репродьюс сделать?

всмысле репу, например?

всмысле репу, например?

da

da

да, сейчас залью в репу

@itsjohncena yarn build && yarn export - для экспорта приложения

Привет. Подскажите пожалуйста по HOC. ексть приконнекченный компонент, которому из селетора передабются данные в проперть. я хочу их обработать определенным образом. но не могу понять как это сделать. Там какая то ересь вместо пропертей в enchance const enchance = connect(mapStateToProps)(()=>{ console.warn('тут какая то ересь, а не проперти : ', arguments); return Features; }) const mapStateToProps = (state, props) => ({ features: getProductFeatures(state, props.templateId), }); //export default connect(mapStateToProps)(Features); export default enchance;

Привет. Подскажите пожалуйста по HOC. ексть приконнекченный компонент, которому из селетора передабются данные в проперть. я хочу их обработать определенным образом. но не могу понять как это сделать. Там какая то ересь вместо пропертей в enchance const enchance = connect(mapStateToProps)(()=>{ console.warn('тут какая то ересь, а не проперти : ', arguments); return Features; }) const mapStateToProps = (state, props) => ({ features: getProductFeatures(state, props.templateId), }); //export default connect(mapStateToProps)(Features); export default enchance;

у стрелки нету arguments. хз как ошибка не вывалилась

Привет. Подскажите пожалуйста по HOC. ексть приконнекченный компонент, которому из селетора передабются данные в проперть. я хочу их обработать определенным образом. но не могу понять как это сделать. Там какая то ересь вместо пропертей в enchance const enchance = connect(mapStateToProps)(()=>{ console.warn('тут какая то ересь, а не проперти : ', arguments); return Features; }) const mapStateToProps = (state, props) => ({ features: getProductFeatures(state, props.templateId), }); //export default connect(mapStateToProps)(Features); export default enchance;

там просто собери аргументы сам (...args)

Народ, а кто-нибудь юзал material.io вместе с реактом? Поделитесь впечатлениями. Мб есть какие-то обёртки стоящие?

Народ, а кто-нибудь юзал material.io вместе с реактом? Поделитесь впечатлениями. Мб есть какие-то обёртки стоящие?

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

вчера как раз смотрел

https://github.com/material-components/material-components-web/tree/master/packages/mdc-textfield

типа того

Народ, а кто-нибудь юзал material.io вместе с реактом? Поделитесь впечатлениями. Мб есть какие-то обёртки стоящие?

https://material-ui-next.com

Лучший, кмк, ui-kit для Реакта на данный момент

Ребят есть гуру React'a ? Сайт переписываю

с реакта

встал над задачей уже часа 3 не могу решить

с реакта

на $mol?